Silicon UI

Overview

Silicon UI is a free, MIT-licensed set of React components and blocks with "calm, physical motion," made by Team of Silicons. It includes 110 components and 22 blocks, each delivered as plain source through the @silicon-ui shadcn registry. The project started as a fork of Arc by Elia Kuratli.

It works in Next.js and Vite, with or without Tailwind, and requires React 19. A foundation item installs the design tokens and motion presets once, and appearance is controlled with data-theme, data-accent and data-corners attributes on the root element, with squircle corners by default.

Features

• 110 components: Actions, inputs, disclosure, feedback, data, text effects and more
• Advanced inputs: Money, phone (E.164), mention, tag and shortcut recorder inputs, rich text editor, signature pad and color picker
• 13 charts: Line, bar, donut, streamgraph, brush, waffle, slope, ridgeline, treemap, gauge, sparkline and activity heatmap
• 22 blocks: Command palette, notification center, sign-in and OTP flows, plan comparison, heroes, changelog feed, FAQ, blog grid, site header and footer
• Motion details: Elastic slider, morph select, confirm morph, hold-to-confirm and theme switch transitions
• AI tooling: Markdown docs per item, llms.txt, and install through shadcn's MCP server

Tech stack

• React 19, Next.js or Vite
• Motion, Lucide React, Radix UI primitives
• Tailwind CSS optional

Registry

Install via the shadcn CLI registry:

npx shadcn@latest add @silicon-ui/component-name