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.
Fresh drops
Pick one. It's already running.
Works with your stack
animated components
page & app templates
Pro components
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.
Components
Templates
Glow Border Card
Light that never stops moving.
Toggle Switch
Motion enabled
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
2Copy a component, then use it
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
Ship your launch page
This button is the live result of the code.
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.
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
Components
Building blocks with motion built in
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.
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
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.