Trytext parallax…
Setup guide

Installation

reframe/ui relies on Tailwind and shadcn/ui. Five steps and you are shipping.

Next.jsTailwind CSSTypeScriptshadcn/ui
1

Setup Next.js with Tailwind & TypeScript

Create a Next.js app with Tailwind and TypeScript. Return here after.

Next.js Getting Started Tailwind Installation
2

Setup shadcn/ui

Add shadcn/ui to your project. Use tweakcn to theme it.

shadcn/ui Getting Started tweakcn
Step 03

Install dependencies

Each component lists its own install command — copy it straight from any component page.

Step 04

Copy the component

Paste the source into your project — you own the code, modify anything.

@/components/reframe-ui/text-shimmer.tsx
text-shimmer.tsxtsx
Step 05
Import in your app
Drop the demo in and watch it run — no config needed.
text-shimmer-demo.tsxtsx
© reframe/ui 2026Built by @thommysart