😎 Awesome Toolkit

A collection of super awesome resources for future me!

NPM Packages

• Emoji Mart - Slack-like customizable emoji picker component for React.
• Express Sub Domain - Create API routes on subdomains.
• Use Pusher - Easy as React hooks that integrate with the pusher-js library.

Design

• SVG Backgrounds - Create Customizable, Hi-Def, and Scalable Backgrounds.
• Haikei - Create Awesome SVG Backgrounds.
• BGJar - Free svg background generator for your websites, blogs and app.
• Coolers - The super fast color schemes generator!
• Lorem Picsum - Lorem Ipsum but Photos!
• Material UI Colors - Material Design Colors.
• Flat Colors - The largest collection of flat colors.
• Flat UI Colors - Flat UI color palettes.
• undraw - Open-source illustrations for any idea you can imagine and create.
• free illustrations - Free to use illustrations.
• Skribbl - Free illustrations for everyone.
• UI Glass - Glassmorphism CSS Generator.
• Mesh Gradients - Hand-curated Mesh Gradient Collection.

Icons

• Heroicons - Beautiful hand-crafted SVG icons.
• React Icons - Awesome icons for React.
• Font Awesome - Fontawesome Icons.
• Tabler Icons - Free and open-source icons designed with attention to detail to make your design stand out.
• Flaticon - The largest database of free icons.
• Simple Icons - Free SVG icons for popular brands.
• Feather Icons - Simply beautiful open source icons.
• css.gg - Open-source CSS, SVG and Figma UI Icons.
• Icons8 - Icons, illustrations, photos, music, and design tools.
• Supercons - Free cute icons for your React project.
• IconFinder - Search in over 5m+ icons and edit them within the browser!

Resource Lists

• Dev Resources - List of resources for developers.
• Free for developers - List of free resources for developers.
• API List - Fun list of public APIs
• Public APIs - A directory of public APIs.
• Public APIs - A large list of public APIs.
• Frontend Toolkit - Awesome resources for developers.

Tools and Services

• Snazzy AI - The easiest way to create content for your brand.
• PMND Market - Free 3d models to use in your ThreeJS project.

UI Resources

• Daisy UI - Tailwind CSS Components for React.
• Chakra Templates - Chakra UI Component Templates.
• Meraki UI - Beautiful Tailwind CSS components based on Flexbox & CSS Grid with elegant Dark Mode.
• Choc UI - Prebuilt Chakra UI Components.
• Tailwind Components - A free repository for community components using TailwindCSS
• WickedBlocks - Ready Made Tailwind CSS blocks, for your next project.
• Tailblocks - Tailwind CSS blocks and components.
• Tail-kit - Components and templates for Tailwind CSS 2.0.
• Tailwind Toolbox - Free Tailwind CSS Templates, Components and Resources.
• Tailwind Palette - Generate shades and tints for color with its Tailwind CSS config.
• TailwindCSS Buttons - A unique collection of Copy & Paste TailwindCSS buttons 🙌