Dev Design Libraryshadcn/ui Text Components
Dev Design Library indexes 14 shadcn/ui text components from 6 open-source UI libraries, with the most coming from Notra, Shadcn Space, Aceternity UI, Velora UI and Cojeev UI. Each one links to its page with the source code, a live preview where available, the library license and the install command. They follow the shadcn/ui conventions, so most install with the shadcn CLI and drop into a Tailwind project.
Button 02 - Shiny TextShadcn Space · ReactShiny Text button component
AI Overview ContentNotra · ReactParagraph, heading, list and link styles for AI Overview answers.
Highlight Phraseglasscn · ReactA smooth glass hover popover for text, video, and rich content, with click and keyboard access.
TypographyCojeev UI · ReactProvides text roles for headings, body copy, metadata, values, and identifiers.
Wavy heroVelora UI · ReactBold centered hero over flowing waves, with a rotating headline word and avatar social proof.
CoverAceternity UI · React
Button 18 - Promo Code CopyShadcn Space · ReactAnimated promo code copy button with blur transition and progress fill
AI Overview HeaderNotra · ReactThe sparkle icon and AI Overview heading.
Select-08 - Select with leading textShadcn Space · ReactSelect component
AI Overview HighlightNotra · ReactA mark that sweeps in Google's blue highlight.
Textarea-08 - Textarea with helper textShadcn Space · ReactTextarea component
Claude Code HeaderNotra · ReactClaude Code's compact header: the pixel mascot next to version, model and working directory, with notices below.
Codex HeaderNotra · ReactThe OpenAI Codex banner with version, working directory and greeting.
Codex MarkdownNotra · ReactBullet lists, tables with yellow headers and green inline code, styled like Codex answers.