Introduction
gotlUI is a copy-paste library of React + Tailwind components and blocks. There's no package to depend on — the CLI copies each component's source directly into your project, so you own the code and can edit it freely.
How it works
Unlike a traditional npm package, running the CLI doesn't add a dependency to import from — it writes the component's actual source file(s) into components/gotlui/ in your project (or src/components/gotlui/ if you use a src/ layout), and installs whatever npm packages that component needs.
Installation
Run this inside any Next.js + Tailwind project, swapping the component name for the one you want:
npx gotlui add input-micThat's it — no config file, no init step. Browse the Components and Blocks pages for the exact install command for each one.
Components vs. Blocks
Components
Reusable, prop-driven pieces meant to be dropped in and configured — pass a value, an onChange, a src, etc.
Blocks
Full page sections (heroes, auth forms, logo clouds) with the copy and layout hardcoded — meant to be copied and hand-edited, not configured through props.
Tech stack
- Next.js (App Router) + TypeScript
- Tailwind CSS
- Framer Motion for animation
- No shadcn, no UI framework dependency — plain Tailwind throughout
Package managers
The install commands shown use npx, but the CLI detects your project's lockfile and uses the matching manager automatically:
npx gotlui add input-micpnpm dlx gotlui add input-micyarn dlx gotlui add input-micbunx gotlui add input-mic