• TypeScript
  • React
  • Tailwind CSS
  • Next.js
  • shadcn/ui

Good interfaces work.
Great ones move.

Premium React components, blocks and pages with motion built in. Try every one live, tune it, then take the source.

64 products inside

Handpicked

Small details. Big personality.

Live preview
Squishy Toggle Button$5
Live preview
Reel Gallery$5
Live preview
Soft Press Button$7
Live preview
Card Spread$5
Live preview
Aurora Trail$5
Live preview
Contour Type$5

Browse by layer

Start small. Or start whole.

  1. Elements13 elements
  2. Components31 components
  3. Blocks16 blocks
  4. Pages4 pages

Complete pages to start a few steps ahead.

Whole sections, ready to drop in.

Interactions with character, ready to tune.

Buttons and toggles that feel good to press.

Browse components
components / live preview
Find your building block.

What you get

Built to ship. Made to be yours.

Press

Live controls

Every product page has its own controls. Tune the props, then copy exactly what you see.

Commercial license

Use it in personal, commercial and client projects, without limits.

import { HangingScript } from "@/components/hanging-script"; export default function Hero() {  return <HangingScript title="Under the eaves." sweep={1.2} />;}

Source you own

Readable React and TypeScript with usage examples and install notes. No runtime, no lock-in.

Accessible by default

Keyboard friendly, and calm for anyone who asks for reduced motion.

A few answers

Curious? Good.

A little clarity before you start building.

The $49 All Access package covers the entire ReactLoom collection: premium elements, components, blocks, and pages, with their source code and usage instructions. Checkout for this package is coming soon.

Yes. Premium products can be purchased individually from their detail pages. Try the live demo and check the product’s requirements before choosing.

Yes. The premium license allows unlimited personal and commercial projects, including client projects. You may not redistribute or resell the source as a standalone component, template, or library.

Requirements vary by product. Many components work with plain React and TypeScript; some use Tailwind or additional dependencies. Each product page lists its own setup and requirements.

Absolutely. Use the live controls to explore the available options. With editable source code, you can also adapt the styling and behavior to your own project.

Individual premium products use Lemon Squeezy checkout. Follow the access instructions after purchase to get the source. The All Access checkout will be added when the package launches.