Development Roadmap
Our transparent development plan for building the best RTL-first design system. We believe in real examples over theoretical components, and quality over quantity.
Our Vision
What we're building towards
Build the go-to design system for bilingual (LTR/RTL) web applications, starting with English and Arabic, with a focus on the MENA market and global multilingual products.
Current Status: Phase 3 Complete! 🎉
Package published to NPM! Building community and preparing for public launch.
Components
Production-ready
Examples
Complete demos
Phase
of 4 complete
Recent Wins
- NPM package published (noorui-rtl v0.4.2)
- 74+ production-ready components with full documentation
- 10+ complete demo projects (Blog, Marketplace, AI workflows)
- Full RTL/LTR support for ALL RTL languages (Arabic, Hebrew, Urdu, Farsi) + WCAG AA accessibility
Phased Approach
Our development is organized in 4 phases, each building on the previous one.
Phase 1: Foundation & Discovery
Completed
Build real dashboard examples to discover what components are actually needed.
Week 1-2: Component Building
- Build 8-10 essential dashboard components
- Priority: FileUpload, RichTextEditor, DashboardShell, UserMenu, NotificationCenter
Week 3-4: First Dashboard Example
- Build complete Blog Dashboard with Supabase backend
- Implement multilingual content management
Week 5-6: Polish & Document
- Refine components based on real usage
- Write comprehensive documentation
Phase 2: Second Example & Refinement
Completed
Validate patterns with a different use case and refine components.
- Build second dashboard project (Portfolio, Real Estate, or Marketplace)
- Improve component APIs based on learnings
- Set up GitHub Discussions and Discord community
Phase 3: NPM Package & Distribution
Completed
Package the design system for easy consumption by others.
- Set up monorepo structure
- Publish to NPM as noorui-rtl
- Create installation and migration guides
Phase 4: Scale & Expand
Ongoing
Build remaining demo projects, expand to more languages, grow community.
- Build 3 more demo projects (Marketplace, Analytics, CMS)
- Add support for more RTL languages (Urdu, Hebrew, Farsi)
- Figma component library and theme builder tool
Success Metrics
How we measure progress at each phase.
Phase 1 Success
- 1 complete demo deployed and publicly accessible
- 10+ dashboard components fully documented
- 5+ users testing and providing feedback
Phase 2 Success
- 2 demos with different use cases working
- Component reuse rate > 80% between projects
- 50+ GitHub stars and Discord members
Phase 3 Success
- NPM package published
- 100+ weekly NPM downloads
- 3+ external projects using the package
Phase 4 Success
- 1000+ weekly NPM downloads
- 500+ GitHub stars
- Featured in newsletters and conference talks
North Star Metric
"Number of production applications using Noor UI in bilingual contexts"
Not vanity metrics like stars or downloads, but real products solving real problems. That's what matters.
Timeline Overview
Realistic timeline from foundation to first NPM package.
Total to first NPM package: ~4 months
Total to 5 demo projects: ~6-8 months
Want to Follow Along?
We update this roadmap weekly. Star us on GitHub to stay informed about new components, examples, and releases.