Getting started
Installation
Add Opaline components as source code with the shadcn CLI.
Opaline is a public GitHub registry. Install a component directly from the repository:
npx shadcn@latest add AbhinavMishra32/opaline-ui/buttonInstall the theme once and import it from your application stylesheet:
npx shadcn@latest add AbhinavMishra32/opaline-ui/opaline-theme@import "./styles/opaline.css";The generated source expects a standard shadcn @/lib/utils alias. Opaline uses React 19, Tailwind CSS 4, and the unified radix-ui package.
Local development
git clone https://github.com/AbhinavMishra32/opaline-ui.git
cd opaline-ui
npm install
npm run devThe docs run at http://localhost:3011.