1. Haffer VF (Variable Weight 100-900)
Dev ToolKit * Build To Flex (Thin 100)
Dev ToolKit * Build To Flex (Light 300)
Dev ToolKit * Build To Flex (Normal 400)
Dev ToolKit * Build To Flex (Medium 500)
Dev ToolKit * Build To Flex (Semibold 600)
Dev Toolkit * Build To Flex (Bold 700)
Dev ToolKit * Build To Flex (Extrabold 800)
Dev ToolKit * Build To Flex (Black 900)
2. Poppins (Google)
Dev ToolKit * Build To Flex (Regular 400)
Dev ToolKit * Build To Flex (Medium 500)
Dev ToolKit * Build To Flex (Semibold 600)
Dev ToolKit * Build To Flex (Bold 700)
Dev ToolKit * Build To Flex (Extrabold 800)
3. Barlow Condensed (Google)
4. DM Mono (Google)
const devToolkit = "Build To Flex";
function buildToFlex() { return "💪"; }
5. Inter (Google)
Dev ToolKit * Build To Flex (Light 300)
Dev ToolKit * Build To Flex (Regular 400)
Dev ToolKit * Build To Flex (Medium 500)
Dev ToolKit * Build To Flex (Semibold 600)
6. Outfit (Google)
Dev ToolKit * Build To Flex (Light 300)
Dev ToolKit * Build To Flex (Regular 400)
Dev ToolKit * Build To Flex (Medium 500)
Dev ToolKit * Build To Flex (Semibold 600)
Dev ToolKit * Build To Flex (Bold 700)
7. Brisa Pro (Local Font)
Dev ToolKit * Build To Flex
Elegant & Sophisticated Typography
8. Haffer XH (Extra High - Local Font)
Dev ToolKit * Build To Flex
Extended Height for Impact
9. Haffer Mono (Local Font)
<DevToolkit status="building_to_flex" />
// Perfect for code snippets
npm install dev-toolkit
npm install dev-toolkit
10. Font Combinations
Combining Barlow Condensed with Poppins for contrast
Build To Flex
Outfit headlines paired with Inter body text for readability
Elegant Design
// Brisa Pro display with DM Mono for technical details
All fonts loaded and ready to use throughout your application
ValvetUi
Use CLI to install this component