Nasaq Documentation
One product language, every surface. 392 components for React, shadcn, Vue 3, Laravel Blade and HTML + Alpine.js, in light and dark, English and Arabic.
npx shadcn@latest add https://docs.nasaqui.com/r/nasaq.jsonQuick links
- Getting startedAdd the preset and your first component, then learn how the pieces fit together.
- ReactBase UI components with Nasaq tokens, from the npm package.
- shadcnCopy any component into your project with the shadcn CLI and own the code.
- Vue 3The same components as Vue single-file components.
- Laravel & FilamentBlade components for Laravel, Livewire and FilamentPHP panels.
- HTML + Alpine.jsPlain markup on nasaq.css with Alpine.js for behaviour. No build step.
- ThemingBrand and action colours, the ready-made brand themes and your own.
- TokensThe --nq-* variables behind every colour, space, radius and type size.
- Dark modeLight and dark from the same tokens, with no extra classes.
- RTL & ArabicEvery component mirrors for right-to-left and ships Arabic type.
- AccessibilityKeyboard, focus and screen-reader rules each component follows.
- MCP serverTeach your AI assistant Nasaq: setup, components and their manuals.
Components by group
All 392 components- Account8
- Actions8
- Admin5
- AI Agents9
- AI Assistant11
- Alerts & Notifications8
- Analytics9
- Apps & Platforms8
- Auth16
- Billing7
- Bookings8
- Brand7
- Charts & Maps6
- Chat4
- Collaboration3
- CRM7
- Data Display16
- Delivery5
- Developer Tools12
- Editors10
- Feedback SDK1
- Files6
- Form Builders5
- Forms21
- Gamification2
- Healthcare4
- Integrations7
- Keyboard & Commands4
- Layout13
- Loading & States8
- Marketing5
- Monitoring10
- Navigation13
- Onboarding3
- Overlays10
- Pickers8
- Pricing6
- Productivity5
- Projects & Work8
- Security9
- SEO7
- Server Tools11
- Store Admin6
- Storefront14
- Typography5
- Utilities7
- Website10
- Wellness6
- Workflow11
Website templates
Complete bilingual sites built with Nasaq in Nasaq Studio, ready in the CircleXO template store.
AgencyFreeA bold studio site for agencies and consultancies: services, case studies with results, the team, client logos and a brief form. Content only, no apps needed.Get it on CircleXO
BusinessFreeA clean corporate site: home, about, contact and a news post. Free.Get it on CircleXO
ClinicFreeA calm, trustworthy site for clinics and wellness practices: treatments, specialists, patient FAQ and online booking with SeatFor.Get it on CircleXO
DaleelFreeFree for open source projects. Share a GitHub repo and get a docs, plugins and blog site with versioned docs, Cmd-K search, a plugin marketplace and a changelog. Open source.Get it on CircleXO
NafhaFreeA fresh direct-to-consumer lifestyle store: shop by scent family, bundle builder, delivery zones, four-step checkout, order tracking and a printable receipt with a real QR. Tagline: Fresh, delivered.Get it on CircleXO
PortfolioFreeA personal portfolio and online CV for designers, developers and consultants: selected work, resume, writing and a contact page. Content only, no apps needed.Get it on CircleXO