Typography components
5 Typography components for React, shadcn, Vue 3, Laravel Blade and HTML + Alpine.js: Markdown, Num, SectionHeader, Text, Text effects.
- MarkdownRenders GitHub-flavoured Markdown in Nasaq typography, with bidi-aware blocks, CodeBlock for code and no raw HTML.
- NumLocale-aware number and date formatting with a fixed digit set (Western by default), tabular figures and bidi isolation. Num, DateTime and their string helpers.
- SectionHeaderTitle row of a page section: heading, one line of context and an optional action at the inline end. Separates sections without bordered cards.
- TextTypography roles (display to code) as one polymorphic component, plus the Kbd keyboard-key chip.
- Text effectsSmall motion effects for words on marketing and product pages, a flipping phrase, a shimmer, a marquee, a word by word reveal and handwritten notes and marks. All of them hold still under reduced motion and never split Arabic into letters.
StoreOrderTimeline
The order status timeline shared by the customer account and the store admin. The tracking variant draws placed, paid, shipped, out for delivery and delivered with times and a carrier link. The activity variant lists every event newest first and takes internal notes.
Markdown
Renders GitHub-flavoured Markdown in Nasaq typography, with bidi-aware blocks, CodeBlock for code and no raw HTML.