Front-end
📚 Libraries
Map
Calendar
Animation
Accessibility
360° image
Panorama
Data visualization
- Mermaid | Diagramming and charting tool
- Grid.js - Advanced JavaScript table plugin
- D3 by Observable | The JavaScript library for bespoke data visualization
Custom HTML elements
📦 Compilation / Bundlers
Rust-based
🦊 Chrome extensions
- DataLayer Checker — GTM / data layer debug
- HeadingsMap — Document outline / heading structure
- JavaScript Switch On/Off — Toggle JS in tab
- JSON Formatter — Pretty-print JSON in browser
- Wappalyzer — Detect tech stack
- ColorZilla — Color picker & gradient tool
- Tag Explorer — Inspect / explore DOM tags
📂 Open APIs
🗺️ Accessibility snippets
♻️ Code snippets
- CSS Examples | FreeFrontend
- UI Design Challenges: Compete with your CSS & Tailwind skills
- Carbon Design System - Web components
- Input components built with React and Tailwind CSS - Origin UI
- FreeFrontend
- 50+ CSS Skeleton loading (Free code + Demo)
🔠 Free fonts
🎟️ Free SVG
- Lucide
- Free SVG Icons - search
- Free SVG - clip art and silhouettes for Cricut
- Svgl - SVG logos directory
- Iconfinder - free icons
- SVG Repo
- Iconpacks - Free PNG, SVG Icons & Packs
- unDraw - Open source illustrations
🧞♂️ CSS generators
- Flexbox labs | Grid
- Color Gradient - CSS gradient generator
- CSS Clip Path Generator | 10015 Tools
- Piskel - Free online sprite editor