186 components · CLI included
Show how software works — don't just describe it.
Interactive React components for APIs, auth, networking, and distributed systems. Add them to your project with one command, same workflow as shadcn/ui.
Rate Limiter
API
Add to your project in minutes
Initialize once, then pull in any component by name. Source files copy into src/components/techui/ — yours to edit, no hidden runtime package.
- 01Run init to create
techui.json - 02Add
utilsfor the cn() helper - 03Add any component — import and use in your pages
In the playground, hit Add to project on any component for the exact command.
$ npx @aqib_nawab/techui init $ npx @aqib_nawab/techui add utils $ npx @aqib_nawab/techui add rate-limiter
Built for people who explain systems
Whether you write docs, teach, or ship internal tools — these components turn abstract ideas into something you can click.
Documentation
Replace static diagrams with components readers can interact with.
Courses
Teach rate limiting, OAuth, or consensus with live demos in every lesson.
Blog posts
Embed a circuit breaker or DNS trace instead of a screenshot.
Onboarding
Help new hires understand your stack with visual runbooks.
A library that keeps growing
API, architecture, database, auth, networking, cloud, containers, distributed, AI, and more.
Try it in the playground first
Preview every component, tweak props, copy JSX, or grab the install command — then add only what you need.