Learning
Learn CSS
A guided course covering the CSS foundations behind everyday interface styling.
web.dev THE WEB, WELL BOOKMARKED
Fill your creative toolkit.
98 references, libraries and tools for designing, building and testing the web.
14 resources · External links open in a new tab. Some services require an account or paid plan.
Accessibility
ARIA Authoring Practices
Accessibility patterns and keyboard interaction guidance for common interface widgets.
www.w3.orgNavigation & components
Shoelace
A web component library with examples for menus, form controls and reusable interface elements.
shoelace.styleNavigation & components
Uiverse
A community gallery of interface elements. Check the license attached to each component before reuse.
uiverse.ioDesign inspiration
Codrops
Creative frontend experiments, visual effects and tutorials for exploring expressive web interfaces.
tympanus.netLearning
Frontend Mentor
Practice translating interface designs into working frontend projects with guided challenges.
www.frontendmentor.ioAnimation
Animate.css
A CSS animation library with named effects and documentation for controlled use in interfaces.
animate.styleAnimation
Motion
Animation tooling and documentation for JavaScript and React interfaces.
motion.devAnimation
Anime.js
A JavaScript animation engine with documentation for animating interfaces and SVG artwork.
animejs.comColor & palettes
Realtime Colors
Test palette and font combinations on an example interface before committing to a design direction.
www.realtimecolors.comGradients & backgrounds
Hero Patterns
A collection of repeatable SVG patterns for subtle interface textures and backgrounds.
heropatterns.comAsset tools
SVGOMG
Optimize SVG files through a visual interface to SVGO and inspect the result before downloading.
jakearchibald.github.ioDesign 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