From a good idea to your editor.
Free components work in React with TypeScript and inline CSS. You can download the source without creating an account.
1. Choose a published version
Open a component, try the preview and read its props. The version list lets you keep an exact release instead of depending on future changes.
2. Add the source
Use the command shown on the product page in your existing shadcn-configured project. The registry installs declared dependencies, including lucide-react for Aurora Button.
Or download the ZIP, keep its LICENSE file, and copy the TSX file into your React project. Install any dependency listed in the included README.
3. Connect your own content
Import the named export shown in the source. Replace default content using the component’s props. Palette Switch is controlled: provide checked and onChange from your own state.
Next.js App Router
Files with a client directive need a client boundary. Event handlers and state must live in a client component. The source uses inline CSS, so no DesignMyUI stylesheet or Tailwind preset is required.
What a download includes
Published TSX source, the MIT license and installation README. Public free code, ZIP contents and the selected release are checked against the same source hash.
Saving to your library
Once membership opens, you can explicitly save an exact free version to your personal library. A favorite is a bookmark; it does not grant premium access.
Choose your first piece