Frontend
🎨 Design Tools:
-
Color- A resource for downloading Nerd Fonts, which are patched fonts for developers.
-
Penpot- An open-source design and prototyping platform that allows for collaborative work.
-
Blueprint- A React-based UI toolkit for building complex, data-dense interfaces.
-
Balsamiq- A rapid wireframing tool that helps you create mockups quickly and easily.
-
Flex- An interactive game for learning CSS Flexbox.
💻 Development Resources:
-
Vue.js- A progressive JavaScript framework for building user interfaces.
-
GitHub - dypsilon/frontend-dev-bookmarks- A comprehensive list of bookmarks for frontend developers.
-
Evergreen Documentation- Documentation for Evergreen, a React UI framework for building ambitious projects.
-
How to Setup Iconic Font Aggregator- Guide on setting up Nerd Fonts for iconic font aggregation.
-
Create Next App- A tool to bootstrap a Next.js application quickly.
-
Flowbite- An open-source library of UI components built with Tailwind CSS.
-
StepZen Documentation- Getting started guide for StepZen, a GraphQL API development tool.
-
GraphQL PHP Schema Definition- Documentation on defining schemas in GraphQL using PHP.
-
Shadcn for Vue- A component library for Vue.js, designed for building beautiful UIs.
-
Tailbits Component Library- A collection of customizable Tailwind CSS components.
-
Formik- A form library for React that helps with managing form state and validation.
-
Next.js Material-UI Integration- Guide on integrating Material-UI with Next.js applications.
🎞️ Animation Libraries:
-
anime.js- A lightweight JavaScript animation library with a simple API.
-
Chart.js- A JavaScript library for creating interactive charts and graphs.
-
Loader Animations- A collection of CSS loader animations for web projects.
-
Driver.js- A lightweight, powerful, and flexible library for driving users focus across the page.
-
Flickity- A touch-friendly, responsive carousel library.
-
Scroll Animations- A library for creating scroll animations on web pages.
🆓 Free Resources:
-
Free Illustrations- A collection of free, open-source illustrations for any project.
-
Free Icons- A large collection of free simple icons for your next project.
-
Free Fonts- Google Fonts offers a wide variety of free, open-source fonts.
📚 Other Resources:
-
Dribbble- A community of designers sharing their work, process, and projects.
-
Bootstrapr- A collection of free Bootstrap themes and templates.
-
cdnjs- A free content delivery network for JavaScript libraries.
-
Choosing Colors- A tool for choosing color schemes and exploring color combinations.