New · 55 Pro components

Interfaces that
move.

140+ animated React components and 9 landing page templates, built with TypeScript, Tailwind CSS and Motion. Copy the free ones today — go Pro when you need the full kit.

Get Pro — ₹499
$ npm i motion lucide-react

Fresh drops

Pick one. It's already running.

Kanban BoardInteractivePro
Aurora HeroSectionsPro
Dynamic IslandInteractivePro
Data TableDataPro
Tilt CardCardsFree
AI ChatInteractivePro
Particle NetworkBackgroundsPro
Magnify DockNavigationFree
Area Line ChartDataPro
Glow GridCardsPro
Scramble TextTextFree
3D CarouselInteractivePro

See all 145 components

Works with your stack

Next.jsReact 19TypeScriptTailwind CSSMotionLucideViteRemixAstroNext.jsReact 19TypeScriptTailwind CSSMotionLucideViteRemixAstro
0+

animated components

0

page & app templates

0

Pro components

0%

TypeScript, copy-paste

Live playground

Don't just look. Touch it.

Everything below is a real Kinetiq component, running right here.

Spotlight Card — move your cursor

Every detail responds to the people using it.

0

Components

0

Templates

Glow Border Card

Light that never stops moving.

Toggle Switch

Motion enabled

AC
LP
NK
MR
EB

Avatar Stack — hover a face

Buttons — click them all

All buttons →

For developers

Copy. Paste. Ship.

No package lock-in, no config. Each component is one typed file you own and can change.

1Install two packages

$ npm i motion lucide-react

2Copy a component, then use it

app/page.tsx
import { ShimmerButton } from "@/components/ui/shimmer-button";
import { ArrowRight } from "lucide-react";

export default function Page() {
  return (
    <main className="grid min-h-screen place-items-center">
      <h1 className="text-2xl font-semibold">Ship your launch page</h1>
      <ShimmerButton onClick={() => alert("Let's go!")}>
        Get started <ArrowRight className="size-4" />
      </ShimmerButton>
    </main>
  );
}

3That's it — it's live

localhost:3000

Ship your launch page

This button is the live result of the code.

Kinetiq UI Pro

The components real apps need

55 Pro components and 7 full app templates — data tables, charts, kanban boards, AI chat, pickers, menus and more. Full TypeScript source for ₹499/month.

Dynamic IslandPro
Area Line ChartPro
Multi-step FormPro

90 freecomponents, MIT licensed, copy & paste

55 Procomponents with full source in Pro

New every monthPro releases while you're subscribed

Browse by category

Tip: press ⌘K to search everything

Scroll slowly ↓

Motionisnotdecoration.Itguidesattention,explainswhatjusthappened,andmakesyourproductfeelfast—evenbeforeitis.

Templates

Complete pages, ready to launch

All templates

Vertex

Developer Tool

Savor

Restaurant

Stride

Fitness

Nimbus

SaaS

Components

Building blocks with motion built in

All 145 components

Hero Section

Sections

Data TablePro

Data

Expandable Cards

Interactive

Kanban BoardPro

Interactive

Orbiting Icons

Interactive

AI ChatPro

Interactive

Built the way you'd build it

Senior-level code, not a black box.

Copy, paste, own it

No package to install or upgrade. Every component is a single file you control.

Typed & production-ready

Strict TypeScript, clean props and sensible defaults. Drop it in and ship.

Fast by default

GPU-friendly transforms, no layout thrash, and zero runtime CSS-in-JS.

Accessible

Semantic HTML, keyboard support, focus states and reduced-motion support.

Tailwind native

Restyle anything with utility classes. No theme config required.

Sections to full pages

Start from a single button or a complete, responsive landing page.

How it works

From idea to live page

This section is the Sticky Scroll component.

01

Browse

Filter by category or press ⌘K to jump straight to any component or template.

02

Preview

Every component runs live. Replay animations and try templates on desktop, tablet and phone.

03

Copy

One click copies a single, typed file. No package to install, nothing to configure.

04

Ship

Paste into your project, change the words, and deploy to Vercel or Cloudflare.

Free vs Pro

Start free. Upgrade when it pays off.

One Pro component can save you a day of work. Pro gives you all of them for ₹499 a month.

Free

₹0 forever

Pro

₹499 / month

Free animated components
Landing page templates
Pro components (tables, charts, kanban, AI chat…)
Pro app templates (dashboard, auth, docs…)
Copy code on the site
Free components
Everything
Edit with AI + AI search
100 edits a month
Full source download
New Pro releases every month
License
MIT
Commercial
Support
Community
Priority email

Questions?

Can't find what you need? Write to us.

Yes. Every free component and template is MIT licensed — copy it straight from the site into personal, client and commercial projects. No account needed.

Your next launch deserves to move.

Start with 90 free components today. Unlock every Pro component and app template for ₹499/month.