Stop Building React UI From Scratch. SonoJS Has You Covered 🚀

Building modern React interfaces is hard enough. Why spend hours rebuilding components, designing UI blocks, and creating AI interfaces from scratch?

Meet SonoJS: a React and Tailwind CSS UI library built to help you ship beautiful, production-ready interfaces faster, including UI for AI-powered applications.

🤖 Build AI Interfaces Faster

SonoJS includes UI components and blocks that help you build modern AI experiences without starting from zero. Spend less time on repetitive UI work and more time building your product.

✨ What's Inside?

• Beautiful UI components — reusable, customizable building blocks.
• Ready-to-use UI blocks — assemble complete interface sections faster.
• AI-focused components — building blocks for modern AI application interfaces.
• Interactive charts — bring data to life.
• Developer tools — practical utilities for everyday development.
• Icon collection — icons for developers, crypto, and more.
• RTL and LTR support — build for different writing directions.
• Dark mode — support different visual preferences.
• MCP support — connect AI-assisted workflows with your UI development process.

🧑‍💻 Your Components. Your Code.

With the SonoJS CLI, components are copied directly into your project. You can inspect, edit, and customize the source code instead of relying on a locked-in component package.

Get started with a single command:

npx @sonojs/ui@latest add button

🔗 Explore SonoJS

• Website: https://sonojs.com
• GitHub: https://github.com/MiladJoodi/SonoJS
• Icons: https://icons.sonojs.com

SonoJS is an ongoing project, and I’d love to hear what you think.

If you find it useful, please ⭐ star the GitHub repository. Your support helps more developers discover the project and motivates me to keep improving it.