Rise

Installation

With the shadcn CLI

Manually

1. Install the dependencies.

   $npm install lucide-react motion

2. Copy these files into your project. Shared files are skipped if you already have them.

   • components/silicon-ui/theme-switch/theme-switch.tsx
   • components/silicon-ui/theme-switch/theme-switch.module.css
   • components/silicon-ui/button/button.tsx shared
   • components/silicon-ui/button/button.module.css shared

3. Install the foundation once per app for the design and motion tokens: $npx shadcn@latest add @silicon-ui/silicon-foundation

Usage

import { ThemeSwitch } from "@/components/silicon-ui/theme-switch/theme-switch";

API reference

Dependencies

npm

lucide-reactmotion

Registry

silicon-motion-tokensbutton

Related