Introduction

Obsyde UI is a collection of 205 React components, charts and effects, curated from years of building interfaces and redrawn to one set of rules: one type, one light, one way of moving.

Every piece is plain React, TypeScript and CSS. There is no package to install and nothing to keep up to date: you add the source to your project and it is yours to change.

What you get

• 121 components: actions, forms, data, navigation, overlays, feedback, effects and page sections.
• 84 charts: lines, bars, distributions, flows, networks and maps, with tooltips, legends and loading states.
• 23 free pieces, and every other piece with Pro, paid once.

Dark, monochrome at rest, and warm only where something moves. Each piece takes an accent (ember, volt or arc), works from the keyboard, and honours reduced motion.

Three ways in

1. The shadcn CLI. One command copies a piece and the shared files it needs into your project. See Installation.
2. Download. Every item page has a zip with the same files and paths.
3. Copy prompt. Every item page can brief your AI coding agent: what the piece is, how to install it, its props and the house rules. See AI agents.

Where things are

• Components and Charts: every piece, live, with its code, props and examples.
• Changelog: what shipped and when.
• Licence: one licence for every piece, free or Pro.
• llms.txt: the whole site as Markdown, for agents.