# Typography components

> 5 Typography components for React, shadcn, Vue 3, Laravel Blade and HTML + Alpine.js: Markdown, Num, SectionHeader, Text, Text effects.

Source: https://docs.nasaqui.com/components/groups/typography

- [Markdown](https://docs.nasaqui.com/components/markdown): Renders GitHub-flavoured Markdown in Nasaq typography, with bidi-aware blocks, CodeBlock for code and no raw HTML.
- [Num](https://docs.nasaqui.com/components/numeric): Locale-aware number and date formatting with a fixed digit set (Western by default), tabular figures and bidi isolation. Num, DateTime and their string helpers.
- [SectionHeader](https://docs.nasaqui.com/components/section-header): Title row of a page section: heading, one line of context and an optional action at the inline end. Separates sections without bordered cards.
- [Text](https://docs.nasaqui.com/components/text): Typography roles (display to code) as one polymorphic component, plus the Kbd keyboard-key chip.
- [Text effects](https://docs.nasaqui.com/components/text-effects): Small 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.