Nexus UI

103 animated components, free to start

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.

$ npx shadcn@latest add @nexus-labs/gooey-input
components, all free
103
full-page templates
18
section blocks
10
command to install
1

Made with Nexus UI

18 complete landing pages built from these components. Open any of them live; the source comes with Pro.

See all 18 templates

From the gallery to your repo

  1. 1

    Find it

    Search by name, or filter the gallery by how a component moves.

  2. 2

    Tweak it

    Change speed, colour and size in the playground and watch it update.

  3. 3

    Add it

    One shadcn command drops the source into your project. It's yours to edit.

Before you start

Something else? Write to us.

Are the components really free?

Yes. All 103 components are free, with their full source. Pro adds the full source of every template and a licence for client work.

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.