Component library · shadcn/ui + Tailwind 4
The animated block library for shadcn/ui.
35 drop-in marketing-page components with motion built in. Preview each one live, tune its props in the browser, copy a single file.
Every block previews live - hover any block below to interact with it.
35
Components
11
Categories
100%
Reduced-motion safe
1 file
Per component
How it works
Animated UI sections you paste in and ship.
shadcn Motion Blocks is a pack of ready-made marketing-page sections for shadcn/ui. You don't build them - you copy them.
Browse the components
Sixteen animated sections - heroes, pricing, features, testimonials, CTAs. Each one runs live, right on this page.
Tune it in the studio
Open any component: watch the live preview, turn its props with sliders, flip to the code, check it on mobile.
Copy one file
Paste a single .tsx file into your shadcn project. No new dependencies, no design system to learn.
A taste of the pack
Four of 35. The rest live in the studio.
Each tile is a live preview. Open the studio to browse all 35, flip to code, and turn the props.
Why this pack
Built different, on purpose.
Animated, not decorated
Motion that guides attention - not glitter. Every component respects prefers-reduced-motion.
intensity
Tunable in the browser
Every component has a live control panel. Turn the props, watch it respond, copy what you tuned.
Original, and yours
Hand-built components - not copied from other libraries. One file each, unlimited projects.
Pricing
Pay once. Animate forever.
One-time. No subscription. Most animated libraries are a monthly fee or a $99+ licence - this is €19, once.
Single component
€3one-time
Pick exactly what you need
- Any one component you choose
- The full single-file source
- Unlimited projects
Complete pack
€19one-time
All 35 components
- All 35 animated components
- 1 year of free updates
- Unlimited projects
14-day money-back guarantee. If it does not save you time, you get a full refund.
FAQ
Questions, answered.
A pack of animated, copy-paste components for shadcn/ui and Tailwind 4 - hero sections, pricing tables, feature grids, backgrounds, CTAs and effects. Each component is a single self-contained file you drop into your project. You preview every one live and tune its props in the browser before you copy it.
Still unsure? Email a question and you will get a real answer.
Get €19 launch pricing when v1.0 ships.
One email when it's live. No spam, no list-rental.