Nextjs Dev Tools Directory

tweakcn_theme_editor

An interactive theme editor and generator for shadcn/ui and Tailwind CSS v4, plus custom styles. Customize colors, typography, and UI tokens with real-time previews and export-ready code, including AI-generated themes.

design_tools

styleglide_ai

AI-powered tool to generate color palettes and typography for a design system. Tailor outputs to your project, preview in real time, and export kits for your workflow.

design_tools

family_fonts_klim

An everyday typeface inspired by Clearface, extending its friendly curves for modern typography. Developed by Klim Type Foundry, Family Fonts preserves Clearface's approachable personality while updating it for current typesetting needs.

typography

curated_inspiration

A curated collection of design inspiration featuring hundreds of handpicked websites and design patterns from Curated.design to spark creativity and elevate design work.

component_libraries

le_murmure_velvetyne

Libre, open-source typefaces for broad reuse across branding, print, and digital UI. Designed for accessibility and collaboration with permissive licenses.

typography

magicpattern

A design tool that generates SVG/CSS patterns, gradients and organic shapes for branding and social media. With 20+ tools, you can create unique visuals in seconds and export as images or code (SVG/CSS), plus organize assets for consistent branding.

design_tools

trickster_velvetyne

A library of libre/open-source typefaces (Trickster and Velvetyne) for designers and developers. It features diverse writing systems, clear licensing, and practical usage guidance.

typography

mazius_display_clt

Mazius Display is a high-contrast serif typeface with old-style proportions and a strong calligraphic feel. Influenced by chancery hands, it offers three display styles (regular and two distinct italics) and excels at large sizes for expressive headlines.

typography

free_icon_sets

Curated collection of free icon sets and assets from popular libraries like Font Awesome, Iconify, Tabler, Feather, Ionicons, and more—designed to speed up UI design and implementation.

design_tools

hypercolor_gradients

A curated collection of beautiful gradients for Tailwind CSS, leveraging the full color range. Easily copy Tailwind classes, CSS snippets, or save gradients as images.

design_tools

archivo_google_fonts

Archivo is a grotesque sans serif typeface family designed for headlines and display text. Its bold, compact shapes evoke late 19th-century American grotesques while maintaining strong legibility at display sizes.

typography

oculi

An imagined lowercase companion to Roman capitals, designed to harmonize with uppercase forms and remain legible at small sizes.

typography

digestive

Digestive is a bold display typeface blending Art Nouveau elegance with Gothic edge, inspired by seaweed-like forms and anatomical motifs. It balances allure and repulsion, incorporating food-inspired textures to give typography a distinctive, tactile personality.

typography

relaate_fonts

Relaate is a multi-genre type family where each member—Serif, Slab, and Grotesque—retains its own distinctive voice while sharing a cohesive family character. It delivers elegant, brutal, and quirky variants to cover a wide range of typographic needs.

typography

ui_labs

An experimental laboratory for fine UI components and interactions. It showcases dynamic widgets and animated elements—popover actions, toolbars, calendars, sliders, and responsive containers—designed for rapid prototyping and exploratory design.

design_tools

fontshare

Fontshare is a free fonts service by the Indian Type Foundry (ITF), delivering high-quality typefaces to designers and developers everywhere.

typography

backout_velvetyne

A collection of libre, open-source fonts including BackOut and Velvetyne, designed for inclusive and versatile typography.

typography

phantom_sans

Phantom Sans blends Futura influence with grotesk geometry, adding warmth and originality to geometric sans typography. Its larger dot details improve legibility at small sizes on screens, making it suitable for UI, branding, and display design.

typography

rotonto

Rotonto is a variable typeface that emphasizes the contrast between rigid, square counters and rounded outlines. Rooted in grotesque characteristics, it delivers versatile use across a wide range of contexts and applications.

typography

copy_svg_shapes

A Framer-made library of ready-to-use SVG shapes that you can copy and paste into your UI designs, speeding up prototyping.

design_tools

league_of_moveable_type

The first open-source font foundry and a learning hub for typography, teaching you how to use, create, and license type. Join fellow type nerds and discover new typography weekly.

typography

shape_icons

Shape lets you customize the style, colors, and borders of static and animated icons and illustrations. Export to React, SVG, and Lottie code.

design_tools

daniel_sun

A premier design partner crafting brand and product websites for SaaS and Web3 startups. Trusted by YC founders to deliver standout, pride-worthy digital experiences.

design_systems

nutsdev_design

A full-service digital design agency delivering innovative websites and mobile apps, combining strategy, design, and development to create best-in-class digital experiences.

design_systems

gt_walsheim_typeface

GT Walsheim is a friendly but precise display typeface inspired by Swiss poster designer Otto Baumberger from the 1930s, with full Cyrillic language support. This specimen and license page provides previews and licensing options for use in design projects.

typography

gradient_blend

A design toolkit featuring 70 versatile gradient blend objects for logos, apparel, and more. Download now to boost creativity and streamline branding design.

design_tools

squeezer_backgrounds

A library of 36 vibrant abstract backgrounds with customizable colors. Includes 15 AI files, PNG textures, and a paper texture for versatile design assets.

visual_assets

dune_gradients

A collection of 30 vibrant gradient backgrounds in silk, noise, and rough textures, designed for branding, social media, and web design. Ready-to-use textures to elevate any visual identity.

visual_assets

family_fonts

Family is an everyday typeface based on Clearface, preserving its approachable curves while updating it for contemporary use. It offers versatile glyphs and legible punctuation for UI, editorial design, and branding.

typography

nutsdev

An all-in-one digital design agency that crafts impressive websites and mobile apps with fluent design language and full-stack development. We prioritize transparent communication and tailored solutions to meet every client's needs.

design_tools

one_page_love

A curated gallery of the best single-page websites, templates, and resources. Discover fresh inspiration for modern one-page design and faster project ideation.

design_tools

le_murmure

Le Murmure is a libre typeface by Velvetyne, offering open-source fonts for typography with multiple styles and broad licenses for use in writing systems and design projects.

typography

magic_pattern

A pattern and background generator that creates SVG/CSS patterns, gradients, and organic shapes for branding and social media. With 20+ tools and export options (images, SVG, CSS), it streamlines asset creation and brand consistency.

design_tools

gulax_velvetyne

Libre typefaces featuring Gulax and Velvetyne with open licenses for use in print and on the web. Designed for designers and developers seeking reliable, freely licensed typography.

typography

velvetyne

A collection of freely licensed typefaces (Libre fonts) for use in any project, promoting open typography. Includes articles on Libre Typefaces and a contact page for inquiries.

typefaces

karrik_velvetyne

A libre font collection centered on Karrik Velvetyne and related typefaces, designed for universal use and easy distribution. Freely licensed for embedding, modifying, and sharing across projects.

typography

velvetyne_trickster

A libre collection of open-license typefaces (Velvetyne and Trickster) for everyone. Designed for broad use with diverse writing systems and easy access for designers and developers.

typography

syne_google_fonts

A typography resource highlighting the Syne font family and its styling options, with guidance on selecting and pairing type for design projects. Ideal for designers exploring typographic options in Google Fonts.

typography

avara_velvetyne

Avara Velvetyne is a libre, open-source typeface designed for broad usability across writing systems and media, available under open licenses for designers and developers.

typography

icons_freesets

A curated collection of top free icon sets and resources for designers and developers. Quickly discover SVG/icon libraries (Iconify, Font Awesome, Feather, Tabler, Ionicons, etc.) to speed up UI design and prototyping.

icons_graphics

builder_io

An AI-powered visual development platform that enables teams to design, prototype, and optimize web and mobile experiences quickly and collaboratively.

design_tools

svg_doodles

A free collection of editable SVG icons you can customize to enhance both online and offline designs.

ui_components

space_grotesk

Space Grotesk is a proportional sans-serif variant based on Colophon Foundry's Space Mono (2016), designed by Florian Kar. Available through Google Fonts, it delivers crisp readability with a modern grotesk aesthetic.

typography

design_resources

A curated gallery of design assets, tools, and websites. Find top resources for designers—from fonts and icons to UX inspiration and design jobs.

design_tools

archivo

Archivo is a grotesque sans serif typeface family designed for highlights and headlines. Its sturdy shapes and vintage-inspired geometry offer strong legibility and personality for editorial and branding.

typography

public_sans

Public Sans is a neutral sans-serif font based on Libre Franklin, designed for interfaces, text, and headings as part of the US Web Design System. It delivers strong legibility and accessible typography across digital products.

typography

tunera_type_foundry

A type foundry offering a curated collection of display and text fonts, spanning serifs, grotesques, and decorative families. It enables designers to mix personalities—from classic to contemporary—for branding, editorial, and interface design.

typography

meek_display

The Meek family began as an exploration of the unexpected: oblique stress, an eclectic mix of calligraphic and typographic features, and contrast in lieu of serifs. Meek Display is a display typeface suited for large headlines and is currently available in Medium, Bold, Black, and Super, with ongoing work to expand lighter weights and italics.

typography

work_sans

Work Sans is a versatile sans-serif typeface family inspired by early grotesques, designed for high readability on screens and in UI contexts. This Google Fonts family offers multiple weights for flexible typography.

typography

future_fonts

A collection of in-progress typefaces by Teo Tuominen, centered on licensing options and upcoming releases for designers.

typography

built_at_lightspeed

A directory and marketplace of open-source and premium Jamstack themes, templates, starters, and UI kits to accelerate modern web projects.

design_tools

lavishe

Lavishe is a Vietnamese-inspired glyphic serif font that blends traditional carved Roman letterforms with a contemporary touch. It features a flourish serif and a distinctively curved lowercase terminal to create a calm, organic texture.

typography

digestive_typeface

An experimental display typeface blending Art Nouveau and Gothic influences with organic seaweed forms and anatomical motifs, resulting in provocative yet elegant letterforms inspired by pasta textures.

typography

uilabs

An experimental design playground for prototyping fine UI components and interactions. It showcases dynamic widgets, toolbars, and animated cards, with analytics and beta feedback to guide refinement.

design_tools

terminal_grotesque_velvetyne

A curated collection of libre/open-source fonts, including Terminal Grotesque and Velvetyne, offering freely usable typography for design, web, and print with open licenses suitable for commercial use.

typography

rotonto_type_department

Rotonto is a variable typeface that emphasizes the contrast between rigid square counters and rounded outlines. Rooted in grotesque proportions, it offers versatile performance across display and text contexts for various branding and editorial applications.

typography

uncut_fonts

UNCUT.wtf is a free catalogue of contemporary fonts, featuring a curated selection of modern typefaces. It currently features 163 fonts across Sans Serif, Serif, Monospace, and Display categories.

typography

gt_walsheim

GT Walsheim is a friendly yet precise typeface inspired by Otto Baumberger's 1930s Swiss posters. It supports Cyrillic languages and is available as a specimen with licensing options.

typography

shader_gradient

A gradient tool to generate animated gradients for Framer, Figma, and React. It enables designers and developers to remix and apply colorful interactions across UI components.

design_tools

crimson_text

Crimson Text is an elegant old-style serif font designed for book production. It offers readability and a timeless, traditional aesthetic for print and editorial design.

typography

league_moveable_type

The League of Moveable Type is the first open-source font foundry and a learning hub for typography—learn how to use, make, and license type with community guidance.

typography

shape_2

Shape lets you customize the style, colors, and borders of static and animated icons and illustrations, with export options for React, SVG, and Lottie.

design_tools

copy_paste_svg_shapes

A ready-to-use collection of SVG shapes that you can copy and paste into Framer projects, speeding up rapid prototyping and UI mockups.

design_tools

sun_brand_design

A top-tier branding and web design partner for SaaS and Web3 startups, delivering standout brand identities and product websites you’ll be proud of. Trusted by YC founders across fintech, e-commerce, and Web3.

visual_assets

brockmann_atipo_foundry

A standalone digital typeface foundry and graphic design studio. We deliver crafted fonts and typographic design services for distinctive branding.

typography

gradient_blend_noise

A library of 70 gradient blend objects for logos, apparel, and more, enabling rapid creation of vibrant, adaptable visuals.

design_tools

aktiv_grotesk_corp

A versatile Aktiv Grotesk Corp font family for web and Photoshop, available in all styles to support diverse design projects.

typography

css_pro

A universal visual CSS editor that lets you edit styles on any website with no setup. It automatically generates clean CSS you can reuse across projects.

design_tools

dune_gradient_backgrounds

A library of 30 gradient backgrounds in silk, noise, and rough textures for branding, social media, and web design. Perfect for designers needing quick, on-brand visuals.

design_tools

pf_din_text

PF DIN Text is a versatile typeface family offering webfont and desktop licenses with multiple weights and Pro options, delivering timeless, highly legible DIN typography for UI, print, and digital media.

typography