One payment, that's it
You pay once. There's no subscription and nothing to renew. Anything I add later shows up in your project for free.
Lifetime
Member since
2026
Valid thru
∞
The agent-ready interaction layer for React.
100+ interactive components you'd never have time to build yourself. Each one ships as React, Tailwind and Motion source that drops into Next.js or any React app.
Launch price, $199 after Oct 15
Works with
- Claude
- Cursor
- ChatGPT
Photo Stack
AI Chat
Magma
Physical Knob
Galaxy
Swipe Card Deck
Date Picker
Mega Menu
Jali
Eclipse
Portal Login
Split-Flap Board
Hover Tabs
Cymatics
Silk Card
Command Palette
Integration Beams
Caustics
Radial Pop-out
Logo Flare
Liquid Headline
Thin Film
Scenic Hero
Image Wheel
Focus Scale Carousel
Topography
Receipt Printer
Cover Flow
Ferrofluid
Pricing Table
Embers
Hover Reveal
Shader Index
Retro Music Player
Wind Tunnel
Image Generation
Watch Face
Streaks
Scroll Zoom Reveal
Slipstream
Photo Stack
AI Chat
Magma
Physical Knob
Galaxy
Swipe Card Deck
Date Picker
Mega Menu
Jali
Eclipse
Portal Login
Split-Flap Board
Hover Tabs
Cymatics
Silk Card
Command Palette
Integration Beams
Caustics
Radial Pop-out
Logo Flare
Liquid Headline
Thin Film
Scenic Hero
Image Wheel
Focus Scale Carousel
Topography
Receipt Printer
Cover Flow
Ferrofluid
Pricing Table
Embers
Hover Reveal
Shader Index
Retro Music Player
Wind Tunnel
Image Generation
Watch Face
Streaks
Scroll Zoom Reveal
Slipstream
Photo Stack
AI Chat
Magma
Physical Knob
Galaxy
Swipe Card Deck
Date Picker
Mega Menu
Jali
Eclipse
Portal Login
Split-Flap Board
Hover Tabs
Cymatics
Silk Card
Command Palette
Integration Beams
Caustics
Radial Pop-out
Logo Flare
Liquid Headline
Thin Film
Scenic Hero
Image Wheel
Focus Scale Carousel
Topography
Receipt Printer
Cover Flow
Ferrofluid
Pricing Table
Embers
Hover Reveal
Shader Index
Retro Music Player
Wind Tunnel
Image Generation
Watch Face
Streaks
Scroll Zoom Reveal
Slipstream
Photo Stack
AI Chat
Magma
Physical Knob
Galaxy
Swipe Card Deck
Date Picker
Mega Menu
Jali
Eclipse
Portal Login
Split-Flap Board
Hover Tabs
Cymatics
Silk Card
Command Palette
Integration Beams
Caustics
Radial Pop-out
Logo Flare
Liquid Headline
Thin Film
Scenic Hero
Image Wheel
Focus Scale Carousel
Topography
Receipt Printer
Cover Flow
Ferrofluid
Pricing Table
Embers
Hover Reveal
Shader Index
Retro Music Player
Wind Tunnel
Image Generation
Watch Face
Streaks
Scroll Zoom Reveal
Slipstream
Less than an hour of your rate.
All of this, forever.
components/ui/command-palette.tsx
export function Palette() {
const spring = { 320, 28 }
useHotkey("meta+k", open)
return <Sheet spring={spring} />
}
It's just files in your repo
The shadcn CLI copies the component source into components/ui. Open it, read it, change whatever you want. There's no package hiding the code.
Built for agents
Planes has an MCP server and an llms.txt, so Claude, Cursor, or ChatGPT can look up a component and add it for you when you ask.
Use it for anything you build
Client projects, your own products, work for your employer. One license, as many projects as you like, commercial use included.
The small stuff is handled
We tuned every spring and easing by hand. Dark mode works, reduced motion is respected, focus states are there. You don't have to think about it.
It's the stack you already use
React, TypeScript, Tailwind, and Motion. Nothing extra to install and nothing new to learn.
React
TypeScript
Tailwind
Motion
Build a full page in an afternoon
Heroes, pricing sections, and complete templates you can paste in and edit. Something that would normally take a week is done before dinner.
Pricing
One price. Everything, forever.
Lifetime$199 after Oct 15
$99
One time
- All 121 components, source included
- Every future release, no upgrade fee
- One developer, unlimited commercial projects
- Works with Claude, Cursor and ChatGPT
- Help from the builder within 48 hours
Instant access to the full source, so sales are final.
Have a license?Pricing calculator
12
4h
$
Estimated time6.0 business days
Estimated cost$5,760
You save with Pro ($99 once)$5,661