Open Claude UI
MIT React components that reimplement the Claude Design System and its interaction physics.
Key features
- 30 React modules: 11 atomic controls and 19 motion and layout modules
- TypeScript, React 18, Tailwind CSS, and Framer Motion
- Includes an offline storybook that opens in the browser
- Uses a system font stack and Web Audio tones, not proprietary font or audio files
- MIT licensed
- Category
- Design
- Who it's for
- Developers rebuilding Claude-style desktop UI in React.
- Tags
- reactdesign-systemclaudelocal-inferencefrontend-frameworkjavascriptdesign-toolanimationfonts-iconsvoice-speech
- Website
- github.com
- Listed
- 2026-10-16
Frequently asked questions
Is Open Claude UI free?
Yes. Open Claude UI is open source and free to use.
What is Open Claude UI used for?
MIT React components that reimplement the Claude Design System and its interaction physics. Typical uses: 30 React modules: 11 atomic controls and 19 motion and layout modules; typeScript, React 18, Tailwind CSS, and Framer Motion; includes an offline storybook that opens in the browser.
What are the best Open Claude UI alternatives?
Alternatives in the same category include Sketch, Figma, Spline, FigCraft, SolidCraft.
Related in Design
See all →- ArtCraft Open-source studio for controllable AI image and video. Subscriptions are optional.
- Blender Open-source 3D creation suite.
- CadCraft Open-source CAD and BIM family of eight apps. Early builds run in the browser and on Windows and Linux.
- diagrams.net Free diagram editor, also known as draw.io.
- EffectCraft Open-source motion graphics and compositing tool written in pure Rust.
- Excalidraw Virtual whiteboard for hand-drawn diagrams.
