Free
$0forever
77 components with full source, for any project.
Start free269+ components, animated components, and more coming for Pro
Make yourlanding pagemove.
Copy-paste React components with real motion: inputs, docks, card decks, backgrounds and 3D. Built on Tailwind, Motion and the shadcn CLI.
Free to start. Pro unlocks everything and every new release: $49.99 a year, or $79.99 once.
npx shadcn@latest add @nexus-labs/gooey-inputWhat's on the shelves
Six kinds of thing, most with one command to install. Pick a shelf to look inside.
npx shadcn@latest add @nexus-labs/otp-inputWritten for the stack you already use
- Next.js
- React
- TypeScript
- Tailwind CSS
- Motion
- shadcn CLI
Made with Nexus UI
30 complete landing pages built from these components. Open any of them live; the source comes with Pro.
Videos that move like the site
24 product videos for launches, pricing, updates and app stores, each with its own soundtrack. Change the words, then render it for Reels, Shorts or YouTube.
Icons that move, and make a sound
301 animated icons for toolbars, players, carts and tab bars. Each tells a tiny story, has a sound scored to its animation, and is one file you copy. 75 are free; Pro unlocks the other 226.
Want the sounds in your own app? Read the sound guide.
From the gallery to your repo
No package to keep up to date. One command copies the source into your project, and from then on it's your code.
Live · click it
components/catalog-search.tsx
"use client";
import { GooeyInput } from "@/components/gooey-input";
export function CatalogSearch() {
return (
<GooeyInput
placeholder="Search…"
collapsedWidth={115}
expandedWidth={200}
expandedOffset={56}
/>
);
}1
Find it
Search by name, or filter the gallery by how a component moves.
2
Tweak it
Change speed, colour and size in the playground and watch it update.
3
Add it
One shadcn command drops the source into your project. It's yours to edit.
What people say
Comments from Reddit, Instagram and X on the components, quoted as written.
“The pumpkin smash component alone deserves $79 dollars … what a perfect little detail to throw into a UI library”
u/aspiring_abundanceon r/SaaS 
“Very cool”
u/JOvertronon r/webdesign “Brilliant, love it!”
u/vrangnarron r/MotionDesign “This is incredibly good! Source code, please! :)”
u/benjaminhuon Reddit “Woahh this is soo cool!! The effect of the symbiote taking over if you stay close for too long is genuinely awesome”
u/DarkBlade_12on Reddit “soooooooo nice!”
u/nuestrason Reddit “Very very cool!”
u/InformationOne8032on Reddit “ok the rope is satisfying”
u/dfnslvtron r/MotionDesign “The refill meter turns this into a tiny game 😂 I'd forget what I came to click and start rationing my web fluid instead.”
u/liuxueqi0044on r/creativecoding “Hi! Your website looks great”
u/ssmlee04on Reddit
“This really looks cool, especially the attention to physics and smooth animations. Love seeing people build things like this”
@itsmeekaranon X 
“The library looks really solid🔥”
noahelhadedy 
on Instagram
“agreed, the web needs way more goofy little interactions like that imo.”
u/Skaifessurkon r/SaaS “yeah super creative concept tbh”
u/velvetlane1on r/webdesign “Pretty sick UI kit”
u/ds1008on r/SaaS “That's awesome good stuff”
u/BonRoxzon r/webdesign “looks cool man. I felt like I'm poisoned with venom when the cursor is all black”
u/Present_Gur1911on Reddit “I like it man. That's what I can call a cool project”
u/Actual-Deal-4445on Reddit “This would be awesome for a game!”
u/NomsaMbeki-8on Reddit “Really cool concept man, the creativity is unreal”
u/No_Speech8210on r/SideProject “Fabulous work 🤍”
webdesign_786 on Instagram“Hey! I saw your post about creating your own end-credits scene with Doomsday x Nexus UI. That creativity is awesome!”
u/Magnificenceure-JNRon Reddit
Always shipping
New components land every month, and both paid plans include everything we release next. Members also get a say in what gets built.
November 2026
23 new components
October 2026
184 new components
May 2026
50 new components
Free to start. One plan for the rest.
Pro and All-Access unlock exactly the same things. Pay yearly, or pay once.
Pro
$49.99per year
Everything, plus every release while you're subscribed.
Get ProAll-Access
$79.99once
The same as Pro, paid once and yours for good.
Get lifetimeBoth paid plans include
- All 269 components
- Source of all 30 templates
- All 22 section blocks
- All 24 videos, with prompt and source
- Every future release
- Component requests
- Priority support
Before you start
Something else? Write to us.
Are the components free?
77 of the 269 are free, with their full source. Pro unlocks the other 192, the full source of every template and the premium blocks.
What does Pro cost?
$49.99 a year, or $79.99 once for lifetime access. Both unlock the same things: every Pro component, the source of every template, the premium blocks and everything we release next.
Can I ask for a component?
Yes. Pro and All-Access members can request components, blocks and templates from the contact page. The most-asked-for ones get built next.
Do they work with the Next.js App Router?
Yes. They're written for the App Router, with client directives only where the motion needs them.
Can I change them?
Yes. The JSX, Tailwind classes and animation timings land in your repo, so you can edit anything.
Do they follow light and dark mode?
Yes. They use theme tokens, so they follow your site's theme.
Start with the component you need today.
77 are free. Pro unlocks the rest, from $49.99 a year.