Stop Building React UI From Scratch. SonoJS Has You Covered 🚀
!Image description
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: sonojs.com
- GitHub: MiladJoodi/SonoJS
- Icons: 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.
5 reactions
در حال حاضر FarsiUI بیشترین استار ⭐رو بین فورکهای shadcn داره...
لطفاً با استار گیتهاب حمایت کنید، از خودش جلو بزنیم 👀🙏
MiladJoodi/FarsiUI t.co
16 likes · 3 reposts · 433 views
I Forked shadcn/ui to Build a Better RTL Experience
!Image description
When I started using shadcn/ui for Persian projects, I quickly ran into a problem: the components are great, but building a truly comfortable RTL-first experience required a lot of extra work.
So instead of building another UI library from scratch, I decided to fork shadcn/ui and adapt it for Persian and RTL interfaces.
That project became FarsiUI.
Why FarsiUI?
RTL support is more than simply adding dir="rtl".
Persian interfaces have their own requirements: typography, numbers, calendars, forms, and common patterns such as national ID, bank card, Sheba number, and license plate inputs.
FarsiUI is my attempt to make these things work naturally from the beginning.
What I changed
FarsiUI keeps the core idea of shadcn/ui while extending it for Persian-first interfaces.
Some of the main additions include:
- Native RTL support
- Persian numbers
- Jalali calendar
- Persian-specific form components
- 500+ components and blocks
- CLI for installing components
- MCP support
- Multiple design systems
- Responsive layouts and production-ready patterns
The goal isn't to replace shadcn/ui.
It's to make the same approach much more practical when you're building Persian and RTL products.
Open Source
FarsiUI is open source and available on GitHub.
If you're building Persian or RTL interfaces, I'd love for you to check it out, try the components, and let me know what you think.
⭐ If you find it useful, consider giving the project a Star.
Contributions and feedback are also very welcome.
🌐 Website: farsiui.ir
💻 GitHub: MiladJoodi/FarsiUI
📥 npm: npmjs.com
FarsiUI is a fork of shadcn/ui.
8 reactions · 1 comment
Mentions
Stop Building React UI From Scratch. SonoJS Has You Covered 🚀 !Image description 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: sonojs.com - GitHub: MiladJoodi/SonoJS - Icons: 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.
در حال حاضر FarsiUI بیشترین استار ⭐رو بین فورکهای shadcn داره... لطفاً با استار گیتهاب حمایت کنید، از خودش جلو بزنیم 👀🙏 MiladJoodi/FarsiUI t.co
I Forked shadcn/ui to Build a Better RTL Experience !Image description When I started using shadcn/ui for Persian projects, I quickly ran into a problem: the components are great, but building a truly comfortable RTL-first experience required a lot of extra work. So instead of building another UI library from scratch, I decided to fork shadcn/ui and adapt it for Persian and RTL interfaces. That project became FarsiUI. Why FarsiUI? RTL support is more than simply adding dir="rtl". Persian interfaces have their own requirements: typography, numbers, calendars, forms, and common patterns such as national ID, bank card, Sheba number, and license plate inputs. FarsiUI is my attempt to make these things work naturally from the beginning. What I changed FarsiUI keeps the core idea of shadcn/ui while extending it for Persian-first interfaces. Some of the main additions include: - Native RTL support - Persian numbers - Jalali calendar - Persian-specific form components - 500+ components and blocks - CLI for installing components - MCP support - Multiple design systems - Responsive layouts and production-ready patterns The goal isn't to replace shadcn/ui. It's to make the same approach much more practical when you're building Persian and RTL products. Open Source FarsiUI is open source and available on GitHub. If you're building Persian or RTL interfaces, I'd love for you to check it out, try the components, and let me know what you think. ⭐ If you find it useful, consider giving the project a Star. Contributions and feedback are also very welcome. 🌐 Website: farsiui.ir 💻 GitHub: MiladJoodi/FarsiUI 📥 npm: npmjs.com FarsiUI is a fork of shadcn/ui.