Not affiliated with official shadcn/ui. Visit ui.shadcn.com for official docs.
React Command Menu Fonts
Font picker command menu with font preview, weight selection, and categories for React design tools
Looking to implement shadcn/ui blocks?
Join our Discord community for help from other developers.
Choose fonts in your Next.js app with this command menu component. Features font family search, live preview, weight/style selection, font categories, and recent fonts. Built with shadcn/ui Command, Dialog, Badge, and RadioGroup components using Tailwind CSS. The typography-focused design speeds up font selection—perfect for design tools, document editors, or any React app with font customization. Visual and practical.
Font Picker
Select a font family and weight.
Installation
Related blocks you will also like
React Command Menu Basic
Simple navigation menu
React Command Menu Colors
Color picker menu
React Command Menu Theme
Theme switcher
React Command Menu Emoji
Emoji picker
React Command Menu Snippets
Code snippets
React Command Menu Search
Documentation search