logic2b ui is a collection of beautifully designed, accessible React components that you copy into your project. This is not a component library you install from npm — it’s code you own.
Principles
- Open Code. Every component ships as source code. Read it, change it, own it.
- Composable. Built on Radix UI primitives and Tailwind CSS, with a small, predictable API surface.
- AI-Ready. The whole registry and documentation are consumable by LLMs: plain-JSON registry at /r/index.json, Markdown versions of every page, and /llms.txt.
- Edge-first. The site and registry are fully static, served from Cloudflare’s edge.
Install with one command
Every component is available from the logic2b registry through the CLI — it copies the source into your project and resolves dependencies for you:
npx logic2b@next add buttonThe registry uses an open, widely-adopted JSON format, so third-party tools and AI agents can consume it too.
Where to go next
- Installation — set up your project.
- Theming — CSS variables, dark mode, radius.
- Theme gallery — compare curated light/dark presets, inspect their audit notes and open any exact configuration in Create.
- Cross-platform tokens — one preset exported to Figma Variables, portable JSON, CSS, iOS and Android.
- VS Code extension — browse the registry, install source and apply presets from a local or remote workspace.
- 3D extras — optional, token-aware hero scenes and product viewers without adding Three.js to the base registry.
- Components — browse the catalog.
- Live starter demos — run the complete marketing, dashboard and authentication compositions generated by CLI and MCP.
- For LLMs & Agents — how to consume logic2b from an AI agent.
- Compare integration paths — choose between the website, CLI, remote/local MCP and raw registry contracts.