Suiss UI

Overview

Suiss UI (suiss/ui) is an open-source set of copy-paste components, patterns, interactions, charts and blocks for web and mobile. It targets React with Next.js and Vite, React Native with Expo, SwiftUI and Jetpack Compose, with one shared design that is accessible and themeable across platforms.

The registry lists 271 pieces: 84 components, 70 charts, 56 blocks, 19 patterns, 21 AI pieces, 15 interactions and 6 hooks. Examples on the site are the live React components rather than screenshots. Docs cover installation, theming and a CLI.

Features

• Components: Core UI such as button, dialog, input, select, sidebar, switch, toggle group and segment picker.
• Patterns: Action bar, action menu, app shell, command palette and confirm flows.
• Interactions: Card stack, image viewer, island, OTP autofill and preview menu.
• Charts: Area, bar, line, pie and radar charts.
• Blocks: Bag, bento, chat, dashboard and empty-state blocks.
• AI: Conversation, agent steps and output components.
• Multi-platform: Equivalent pieces for React, React Native, SwiftUI and Jetpack Compose.

Tech stack

• React (Next.js, Vite), React Native (Expo)
• SwiftUI, Jetpack Compose

Registry

Install via the shadcn CLI registry:

npx shadcn@latest add @esuiss/component-name