🎨 Frontend Resources
A curated list of resources to help you build beautiful, performant, and accessible user interfaces.
🎨 Design & Prototyping
- Penpot - Open-source design and prototyping platform.
- Balsamiq - Rapid wireframing tool for quick mockups.
- Nerd Fonts - Patched fonts for developers (icons/glyphs).
- Color Adobe Wheel - Tool for choosing color schemes.
- Dribbble - Design inspiration and community.
💻 Frameworks & UI Kits
- Vue.js - The progressive JavaScript framework.
- Blueprint - React UI toolkit for data-dense interfaces.
- Evergreen - React UI framework by Segment.
- Flowbite - UI components built with Tailwind CSS.
- Shadcn for Vue - Beautifully designed components for Vue.
- Tailbits - Customizable Tailwind CSS components.
🛠️ Development Tools
- Create Next App - Bootstrap Next.js apps quickly.
- Vite - Next generation frontend tooling.
- Frontend Dev Bookmarks - Comprehensive list for frontend devs.
- cdnjs - Free CDN for JavaScript libraries.
🎞️ Animation & Charts
- anime.js - Lightweight JavaScript animation library.
- Chart.js - Interactive charts and graphs.
- Loader Animations - CSS loader animations.
- Driver.js - Drive user focus across the page.
- Flickity - Responsive carousel library.
- ScrollReveal - Scroll animations for web pages.
📚 Learning & Docs
- Flexbox Froggy - Game for learning CSS Flexbox.
- StepZen Docs - GraphQL API development.
- GraphQL PHP Schema - Defining schemas in PHP.
🆓 Free Assets
- unDraw - Open-source illustrations.
- iconmonstr - Free simple icons.
- Google Fonts - Open-source web fonts.
Tip
Bookmark this page to quickly access the tools you need during your next project!