Free
Free forever. MIT licensed.
₹0
- Every component, background and hook in the index
- Section blocks for real pages
- Install with the shadcn CLI or copy the source
- Personal and commercial projects
Interfacesthat move.
- Components
- 27
- Blocks
- 10
- Backgrounds
- 07
- Hooks
- 07
Animated React components, blocks and backgrounds you copy into your project and own. Built on shadcn conventions, so they drop straight into your components/ui.
Ship
fasterfaster
Price range
$800$3,000
MinimumMaximum
Icon Radio Selection
Favorite
Popular
Trending
Secure
- React 19
- Next.js
- Tailwind v4
- Motion
- Radix
- TypeScript
One command. Any component.
$
npx shadcn@latest add https://ui.devsloka.in/r/morphing-nav.json(01) Index
Everything in the library, in one list.
Hover a name to preview it, open it for the code. Each entry installs with the shadcn CLI.
- 001Morphing NavInteractionfree
- 002Morphing CardInteractionfree
- 003Morphing ModalInteractionfree
- 004Tabs SwitcherInteractionfree
- 005Text EffectInteractionfree
- 006TourInteractionfree
- 007Expanding CardsInteractionfree
- 008Content CarouselInteractionfree
- 009Image GalleryInteractionfree
- 010Logo Cloud CarouselInteractionfree
- 011Laptop Closes On ScrollInteractionfree
- 012Animated SmartwatchInteractionfree
(02) Playground
Props you can feel.
Every component is built to be tuned. Change the props and the code follows.
Interfaces that feel
calmcalm
<TextEffect
words={["calm","precise","alive","yours"]}
effect="flip"
duration={2500}
/>(03) Blocks
Whole sections, ready to assemble.
Heroes, pricing, FAQs, footers. Stack them into a page, then restyle them like any other component.
(04) Workflow
Copy. Paste. Own it.
- 1
Pick
Find a component in the index and tune it in the preview.
ui.devsloka.in/components/morphing-nav - 2
Add
Install it with the shadcn CLI, or paste the source by hand.
npx shadcn@latest add …/r/morphing-nav.json - 3
Own
The file lands in your repo. No package, no lock-in. Change anything.
components/ui/morphing-nav.tsx
(05) Editions
Free to build with. Pro when you need more.
Pro
One licence. Lifetime updates.
Soon
- Advanced components with complex interactions
- Full-page blocks and complete templates
- Early access to new releases
- Priority support
Build something that moves.