Motion Moodboard
A live, interactive component gallery for product designers and PMs — browse, remix, and export motion-rich UI patterns (menus, OTP inputs, drag-to-reorder) into spec docs, without writing code.
product designers and design leads at small-to-mid SaaS teams who prototype motion in code they can't write themselves
- Live Gallery: every component runs in-browser with motion variants the designer can toggle in real time.
- Spec Export: turn a chosen component into a Notion / Figma-ready brief with animation notes, props, and copy-pasteable React code for engineers.
- Remix Mode: tweak timing, easing, and color tokens and see the variant update instantly, then save into a team library.
- Hand-off Helper: generate an LLM-written engineering brief from the visual choice so the design intent survives the handoff.
GitHub is trending a React+Tailwind 'lab' of motion-first, single-purpose components — proof that designers and devs are starved for feel-rich UI primitives that shadcn defaults don't deliver.
Multiple thriving motion+Tailwind+shadcn libraries (Aceternity UI, Magic UI, Cult UI) plus trending 'mocion-lab' repo validate real appetite for motion-rich UI primitives; however, demand specifically from designers/PMs who can't code is inferred rather than directly observed.GitHub - juangadm/mocion-lab: Fully animated, open-source component distribution ↗Aceternity UI — Beautiful Tailwind CSS and Framer Motion Components ↗
The motion+shadcn+Tailwind gallery niche is heavily saturated — Aceternity UI (200+ free components), Magic UI Pro, Cult UI, and shadcn Motion Blocks all target the exact same developer/designer use case with overlapping positioning and pricing.Magic UI Pro vs Aceternity Pro vs shadcn Motion Blocks: 2026 Honest Comparison ↗Aceternity UI Pricing 2026: Plans, Hidden Costs & Cheaper Alternatives ↗
Validated paid tiers in adjacent products ($99–$199 lifetime/annual for Aceternity, Magic UI) show willingness to pay, but the target audience (designers/PMs) historically pays less than devs for component libraries, and the bottom-priced shadcn Motion Blocks at €19 sets a low anchor.Aceternity UI Pricing 2026: Plans, Hidden Costs & Cheaper Alternatives ↗Magic UI Pro vs Aceternity Pro vs shadcn Motion Blocks: 2026 Honest Comparison ↗
Motion and microinteractions are durable UX expectations per multiple 2026 trend pieces, but as motion primitives get commoditized by shadcn registry and AI tooling (per uxperiment.io), a standalone gallery format may be an interim packaging rather than a multi-year category.Prompting Motion: How AI Is Quietly Reshaping Microinteraction Design ↗Motion Design & Micro-Interactions in 2026: UX Trends ↗
A browsable component gallery is buildable, but maintaining a large motion-component catalog plus a designer-friendly no-code editor and export-to-spec-docs pipeline is non-trivial; motion components require ongoing per-component tuning (reduced-motion, performance, accessibility).Cult UI - Shadcn UI Components, Blocks & Templates ↗