Design assets · ESSENTIAL
Lucide
A consistent collection of open-source icons with clean strokes and a generous range.
lucide.dev THE WEB, WELL BOOKMARKED
Fill your creative toolkit.
98 references, libraries and tools for designing, building and testing the web.
18 resources · External links open in a new tab. Some services require an account or paid plan.
CSS tools
Open Props
A library of useful CSS custom properties for exploring a consistent visual system.
open-props.styleNavigation & components
Inclusive Components
Detailed explanations of inclusive component design, including menus, tabs, tables and dialogs.
inclusive-components.designDesign inspiration
Codrops
Creative frontend experiments, visual effects and tutorials for exploring expressive web interfaces.
tympanus.netDesign inspiration
Awwwards
A gallery of submitted websites to study composition, interaction and visual direction.
www.awwwards.comDesign inspiration
Godly
A curated collection of website designs for exploring typography, color and page composition.
godly.websiteDesign inspiration
Land-book
Browse website and landing-page references organized around visual design inspiration.
land-book.comDesign inspiration
One Page Love
Single-page website inspiration and resources for focused landing-page projects.
onepagelove.comLearning
Frontend Mentor
Practice translating interface designs into working frontend projects with guided challenges.
www.frontendmentor.ioLearning
Smashing Magazine
Articles and practical guidance on frontend development, user experience and web design.
www.smashingmagazine.comColor & palettes
Coolors
Generate color palettes, explore combinations and export a direction for your next design.
coolors.coColor & palettes
Huemint
Generate palette suggestions and preview how colors work together in sample design contexts.
huemint.comColor & palettes
Realtime Colors
Test palette and font combinations on an example interface before committing to a design direction.
www.realtimecolors.comColor & palettes
Paletton
Explore related hues and color harmonies with an interactive palette designer.
paletton.comColor & palettes
Huetone
Build color scales while checking contrast relationships across a design palette.
huetone.ardov.meGradients & backgrounds
SVG Backgrounds
Explore configurable SVG backgrounds and patterns; check the license of the selected asset.
www.svgbackgrounds.comDesign assets
Heroicons
An open-source SVG icon collection with multiple weights for web interfaces.
heroicons.comDesign assets
Tabler Icons
Browse a broad open-source icon collection and select icons for your interface.
tabler.io