👍 A list of selected quality resources and useful links for modern web development.
😊 Feel free to contribute with your own useful links!
- zod - TypeScript-first schema validation with static type inference
- tRPC - Move Fast and Break Nothing. End-to-end typesafe APIs made easy.
- React Hook Form - Performant, flexible and extensible forms with easy-to-use validation.
- background-removal-js - Background Removal in the Browser & Node.js
- Framer Motion
- GSAP - JS Animations Library
- Motion One
- Slick - Carrousel JS Library
- Atropos - Stunning touch-friendly 3D parallax hover effects
- Tailwind CSS Animated
- Shots - Create amazing mockups
- Blobmaker - Make organic SVG shapes for your next design
- CSS GG - Minimalistic icon library built by CSS
- Icons8 - Free High Quality Icons
- Unicons - Icon Library
- Lucide - Beautiful & consistent icon toolkit made by the community.
- Unsplash - Free High Resolution Pictures
- Squoosh - Optimize images
- LottieFiles: Download Free lightweight animations for website & apps
- CSS Shadow Palette Generator
- Chroma AI — Generate gradients based on your mood
- Raltime Colors - Visualize Your Colors On a Real Website
- Ant Design
- Element UI
- schadcn/ui - Beautifully designed components built with Radix UI and Tailwind CSS
- MUI: The React component library you always wanted
- Radix UI - Unstyled, accessible components for building high‑quality design systems and web apps in React
- Headless UI - Unstyled, fully accessible UI components
- Tremor – The React library to build dashboards fast
- ⭐️ Tools.design - Archive of 1000+ Design resources
- Medium - '7 Practical Tips for Cheating at Design'
- UI Goodies - A collection of quality design resources