Component Examples
Real-world examples and patterns for common UI scenarios using Noor UI components.
GCC Community Dashboard
Complete GCC dashboard with Prayer Times, Hijri dates, Zakat calculator, and Arabic numbers. Perfect showcase of all GCC components.
Islamic Finance Dashboard
Comprehensive Islamic finance management with Zakat calculator, investment tracking, Hijri calendar, prayer times, and transaction history.
DataTable Showcase
Advanced data table with sorting, filtering, pagination, and export. Demonstrates all DataTable features with 50 sample users.
Multi-Step Registration Form
A comprehensive 4-step registration form with validation, bilingual error messages, and perfect RTL support.
Dashboard
Data visualization dashboard with RTL charts, statistics cards, and responsive layout with mock data.
Calendar & Date Picker
Calendar interface with Hijri calendar support for GCC markets.
Real Estate Dashboard
Property listings platform with bilingual descriptions, search filters, and property cards with mock data.
Portfolio Site
Creative professional portfolio with project showcase, case studies, and contact forms. Perfect for designers and developers.
Marketplace
Multi-vendor marketplace with product listings, seller dashboards, and order management. Full e-commerce solution.
B2B Marketplace
Business-to-business marketplace with bulk ordering, volume pricing, RFQ system, and credit terms. Perfect for wholesale operations.
CMS / Content Management
Full-featured content management system with rich text editor, file uploads, posts management, and bilingual content support.
Simple AI Chat
Clean AI chat interface with streaming responses, message history, and bilingual support. Perfect starting point for chat applications.
Advanced AI Playground
Full-featured AI playground with model selection, parameter controls, token tracking, conversation history, and settings panel.
AI Code Assistant
Specialized AI assistant for code with explain, improve, fix, and generate modes. Includes syntax highlighting and code examples.
Document Q&A
AI-powered document analysis with question answering, source citations, and document management. Perfect for knowledge bases.
Multi-Agent Chat
Advanced multi-agent system with specialized AI assistants (Code Expert, Creative Writer, Data Analyst) collaborating in conversations.
Basic Workflow
Simple workflow builder with drag-and-drop nodes and connections. Perfect starting point for understanding workflow automation.
AI Workflow
AI-powered workflow builder with LLM integration, model selection, token tracking, and cost estimation. Build intelligent automation pipelines.
AI Agent Evaluations
OpenTelemetry-based evaluation dashboard for bilingual AI agents. Includes E-commerce support and Islamic services agents with Shariah compliance tracking.
Analytics Dashboard
Real-time analytics with charts, metrics, and data visualization. Track user behavior and business KPIs with RTL-ready charts.
More Examples Coming Soon
We're working on adding more real-world examples including dashboards, e-commerce stores, and more. Check back soon for updates!
Looking for Complete Applications?
Browse production-ready starters - complete applications with authentication, database, and everything you need to get started.
Looking for Individual Components?
Browse our complete component library with 64 fully documented components (including 10 experimental AI/LLM components) with live examples and accessibility guidelines.