Make it yours.

Pick a component, shape its live preview, and bring the complete source into your React project. You own the files you install and can edit them directly.

Download the source

Previews are public. Enter the shared source-access password on a component page to unlock copying, ZIP downloads and private registry installation for 24 hours.

1. Choose Download all files on a component page and unzip the bundle.
2. Merge its src/ folder into your app’s src/ folder. Keep the supplied directory structure, stylesheets, helpers and notices.
3. When present, merge public/ into your app’s public folder. Asset URLs start at the site root.
4. Run the dependency command in the bundle’s README. Then copy the usage example from the component page.

Use the registry

After unlocking, the component page provides a private registry configuration, a 15-minute token and an install command. Set the token as CHUNGUS_REGISTRY_TOKEN in your local environment and use the @chungus namespace. Keep token values out of Git. Run the command inside an existing shadcn-compatible React project. The verified CLI version is shadcn@4.21.0.

Registry installation places portable source in src/components/chungus/ and installs the entry’s dependencies. If the entry includes assets, also download its assets bundle and merge its public/ folder. The installation panel calls out this required step.

Your settings travel with usage

Choose a preset, adjust the controls, then select Copy code. The copied props match your current settings. Reset returns to the signature defaults. Each API table also documents props that need code, such as callbacks, children and structured data.

Styling and frameworks

The source is TypeScript React with component styles included; it does not require the Chungus UI website theme. Preserve CSS imports and CSS Modules. Backgrounds need a parent with an explicit height. Some effects wrap your own children; the included Demo shows their framing.

All 59 entries have independent installation evidence with React 19.2.8 in Vite 8.3.1 and Next.js 16.3.6 using Node 24.15.0. Next.js boundary routes were also checked. Browser-dependent components declare their client boundary. Pass callbacks from your own client component. Other framework and version combinations are not yet verified.

Motion and fallbacks

Components respect reduced motion and provide pause or replay where relevant. Keep the documented props when building your own controls. GPU effects include a settled fallback when WebGL is unavailable; their exact appearance depends on the device.

Notices stay with the source

Keep included licenses and credits. React Bits adaptations retain their source notice; per-entry attribution explains applicable terms. Geist, Archivo and Martian Mono assets include their font licenses. Public distribution terms for project-authored work are recorded per entry.