A unified collection of useful online tools. Check out my new product. Hope you guys like it.
NextAuth.js is a complete open source authentication solution for Next.js applications. It is designed from the ground up to support Next.js and Serverless.
Turn your code into beautiful images. Choose from a range of syntax colors, hide or show the background, and toggle between a dark and light window.
Pure CSS icons library, Customizable & Retina-Ready built 100% in pure CSS, SVG, SVG Sprite, styled-components, Figma and Adobe XD. Easy integration: Embed, NPM & API
Copy and paste individual icons as inline SVGs or CSS code directly into websites or Illustrator.
Feather is a collection of simply beautiful open source icons. Each icon is designed on a 24x24 grid with an emphasis on simplicity, consistency and readability.
Free and premium animated icons for your projects. Over 900 animated icons, 5 design styles, available in JSON for Lottie, GIF, and After Effects format
Ionicons is an open-sourced and MIT licensed icon pack.
A set of over 1250 free MIT-licensed high-quality SVG icons for you to use in your web projects. - tabler/tabler-icons
Large set of opensource illustrations. You can use completely free and without attribution.
The design project with open-source illustrations for any idea you can imagine and create. Create beautiful websites, products and applications with your color, for free.
Edit and animate all our customizable illustrations to enhance your projects totally free. Start now to be creative in our online editor ✅
Find free illustrations & vectors for your next personal or commercial project with & without attribution ✓ SVG ✓ PNG ✓ PSD ✓ SKETCH ✓ AI ✓ FIGMA
Download our 2,000+ editable and royalty-free SVG and PNG illustrations to power up your designs.
Free illustrations generator for Figma and Sketch. Get the opportunity to design your characters using symbols and styles.
39 free illustrations elements. Simplified cute characters illustrations for websites and application screens. If you’re looking for cute cartoony characters to tell your stories, look no further than our newest character illustrations
Laws of UX is a collection of best practices that designers can consider when building user interfaces.
The world’s largest online platform for the world’s smallest animation format for designers, developers, and more. Access Lottie animation tools and plugins for Android, iOS, and Web.
Checklist Design is a curated list of checklists ranging from website pages, to UI components, all the way to branding assets.
A collection of repeatable SVG background patterns for you to use on your digital projects.
Learn how to design awesome UIs by yourself using specific tactics explained from a developer’s point-of-view.
Collection of printable wireframe, mockup and dot grid sketchpad templates
Glassmorphism is a unified name for the popular Frosted Glass aesthetic.
Landingfolio features the best landing page inspiration, templates, resources and examples on the web. Learn from a growing library of 1,982 landing page designs and 3,829 component examples, updated daily!
A collection of layouts and components built with Tailwind ready to copy paste on your next project.
A resource that provides guidance for designing ethically humane digital products through patterns focused on user well-being.
Browse hundreds of booklets on design, business, freelancing & more curated from the best designers in the world. Learn new skills & insights, fast.
React Headroom is a React Component to hide/show your header on scroll. The header on this site is a living example. When you scroll down, it slides out of view and slides back in when scrolling up.
A web-based design tool to generate unique SVG design assets for websites, social media, blog posts, desktop and mobile wallpapers, posters, and more! Our generators let you discover, customize, randomize, and export generative SVG design assets ready to use with your favorite design tools.
SVG Backgrounds hosts a collection of customizable SVG-based repeating patterns and backgrounds for websites and blogs.
One Page Love is a One Page website design gallery showcasing the best Single Page websites, templates and resources.
Daily inspiration collected from daily ui archive and beyond. Based on Dribbble shots, hand picked, updating daily.
A ridiculous collection of web development cheatsheets · One-page guide to
CSS Reference is a free visual guide to CSS. It features the most popular properties, and explains them with illustrated and animated examples.
egghead is your source for the Badass Portfolio Projects you need to climb the career ladder as a modern web developer.
This tutorial teaches you CSS Flexbox through 12 interactive screencasts. You’ll learn all the key concept in addition to building a responsive navbar and a neat image grid.
MarkSheet is a free tutorial to learn HTML and CSS. It’s short (just as long as a 50 page book), simple (for everyone: beginners, designers, developers), and free (as in ‘free beer’ and ‘free speech’). It consists of 50 lessons across 4 chapters, covering the Web, HTML5, CSS3, and Sass.
Community driven, articles, resources, guides, interview questions, quizzes for modern frontend development. Learn to become a modern frontend developer by following the steps, skills, resources and guides listed in this roadmap.
The Odin Project empowers aspiring web developers to learn together
Thoughts on the software industry, programming, tech, videography, music, and my personal life.
Technical tutorials, Q&A, events—This is an inclusive place where developers can find or lend support and discover new ways to contribute to the community.
Here you can find the perfect matching color scheme for your next project! Generate nice color palettes, color gradients and much more! Your space for everything that has to do with color!
uiGradients is a handpicked collection of beautiful color gradients for designers and developers.
Discover the newest hand-picked color palettes of Color Hunt. Get color inspiration for your design and art projects.
Colorsinspo is all in one resource to find everything about colors with extreme ease. Also, you will get Freebies, Inspirations, Color Tools, Gradients, and thousands of trendy hand-picked color palettes.
Self-hosted, Node.js based analytics tool for those who care about privacy.
Information about coding fonts: designers, character charts, features, and more.
Fullpage navigation HOC with 3D animated transitions built on top of React Awesome Slider. GatsbyJS and NextJS recipes available.
Add beautiful notifications to your React app with react-hot-toast. Lightweight. Smoking hot by default.
Hooks for building lightweight, fast and extendable datagrids for React. The best and most top-rated fully open-source table library for React!
An optimized site generator in React. Docusaurus helps you to move fast and write content. Build documentation websites, blogs, marketing pages, and more.
A tool for creating new color shades based on a neural network and trained with the Tailwindcss palette.
A showcase of beautiful and well designed web app screens for design inspiration. Including screens from behind signup/paywalls! 😱
Umami is a simple, easy to use, self-hosted web analytics solution. The goal is to provide you with a friendlier, privacy-focused alternative to Google Analytics and a free, open-sourced alternative to paid solutions. Umami collects only the metrics you care about and everything fits on a single page.
List any node_modules directories in your system, as well as the space they take up. You can then select which ones you want to erase to free up space.
Dracula is a color scheme for code editors and terminal emulators such as Vim, Notepad++, iTerm, VSCode, Terminal.app, ZSH, and much more.
Hamburger menu icons for React, with CSS-driven transitions. Created to be as elegant and performant as possible. (1.5 KB)
“Can I use” provides up-to-date browser support tables for support of front-end web technologies on desktop and mobile web browsers.
Simple, Modular and Accessible UI Components for your React Applications. Built with Styled System
Framer Motion is a production-ready React animation and gesture library.
A nanoscopic progress bar. Featuring realistic trickle animations to convince your users that something is happening!
Collection of thinking tools and frameworks to help you solve problems, make decisions and understand systems.
Remove image backgrounds automatically in 5 seconds with just one click. Don’t spend hours manually picking pixels. Upload your photo now & see the magic.
Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.
React 3D button component. Progress, social and share enabled. RAB is a 60fps, light weight, performant, production ready button component.
Find out the technology stack of any website. Create lists of websites and contacts by the technologies they use.
SWR is a React Hooks library for data fetching. SWR first returns the data from cache (stale), then sends the fetch request (revalidate), and finally comes with the up-to-date data again.
Storybook is an open source tool for building UI components and pages in isolation. It streamlines UI development, testing, and documentation.
Learn web development and design with our on-demand video platform. Learn development through our developer courses and developer videos.
A powerful serverless platform with an intuitive git-based workflow. Automated deployments, shareable previews, and much more. Get started for free!
Hi! I design and write books. This channel will cover UX/UI industry myths, design best practices and tricks, and productivity + how to get better at both design and life with various life-hacks and routines I use to stay motivated, calm and productive. (And happy)
Want to learn more about Web Development? Then, you’re in the right place! I LEARN the newest techniques in Web Development, Design, and Tools. I BUILD projects for myself and others. I TEACH others through online content. I have a passion for web development and want to share it with you on this channel!
We’re a small team of developers and designers spread out all across the world, building tools that help other developers build better user interfaces. We created Tailwind CSS, Headless UI, Hero Patterns, Heroicons, and wrote Refactoring UI.
Learn web development, web design, 3d modelling, tools like figma and more without getting bored! The goes of this channel is to get you to become as creative you can be! So if you like to create video games in Unity or develop an application in node.js, stick around and have fun!
Web Dev Simplified is all about teaching web development skills and techniques in an efficient and practical manner. If you are just getting started in web development Web Dev Simplified has all the tools you need to learn the newest and most popular technologies to convert you from a no stack to full stack developer. Web Dev Simplified also deep dives into advanced topics using the latest best practices for you seasoned web developers. I started Web Dev Simplified in order to share my passion for web development, and do what I truly love. Teach and inspire new web developers. I have been in love with full stack web development since 2015 when I did my first internship as a web developer. Ever since then I have pursued my passion, learning everything there is to know about web development. Over the years I have taught many colleagues and friends the joys of web development, and cannot wait to teach you. Thank you for watching!