Skip to content

v2.2.0 — Named Motion System + Showcase

Choose a tag to compare

@bitjaru bitjaru released this 09 Jun 04:19

StyleSeed grew from a static design system into a full design engine with a named motion language and a live showcase. This release collects everything since v2.1.1.

✨ Named Motion System

  • 5 personality seeds (Spring / Silk / Snap / Float / Pulse) × 5 contexts — spreadable framer-motion recipes
  • 20+ keyword movestilt-3d, magnetic, glow-pulse, gradient-sweep, blob-morph, spotlight, toggle-flip, reveal-blur, confetti-pop, and more
  • New /ss-motion skill — say a seed or a keyword, get the exact recipe
  • One source of truth (engine/motion/library.ts) shared by the skill and the gallery

🖼️ Live galleries & showcase

  • /motion — preview + copy every move
  • /motion/guide — vibe-code your own motion (composition patterns + prompts)
  • /interactions — toast, bottom sheet, swipe-to-delete, segmented control, like-burst…
  • 11 reference builds (added food-delivery, fitness, music B2C apps) — toggle skin × motion live in the browser

🎨 Skins

  • Now 7 brand skins (added Raycast, Arc) + 58 via awesome-design-md

🧭 Positioning & docs

  • Reframed as a design engine — "teaches judgment, not just data"
  • SEO/GEO: per-page metadata, JSON-LD, sitemap, robots (AI crawlers welcome), llms.txt
  • Safer updates — UPDATE.md + /ss-update now make clear that updates are additive & reversible

🩹 Fixes

  • SKILL.md frontmatter is now valid YAML → all 14 skills are discoverable via npx skills / agentskill.sh
  • Reconciled doc counts (48 components · 7 skins · 14 skills · 20+ moves) and repaired broken links
  • Corrected the wiki (real /ss-* skill names, working install paths) — fixes #1

Try it: https://styleseed-demo.vercel.app · ⭐ a star helps more people (and AI tools) find it!