Collection of 1000+ Web Dev Resources

Customize and apply backgrounds fast | SVG Backgrounds

SVG Backgrounds hosts a collection of customizable SVG-based repeating patterns and backgrounds for websites and blogs.

CodeMyUI

Handpicked collection of Web Design & UI Inspiration with Code Snippets. ✅ GIF preview ✅ HTML CSS copy paste code.

A React component to view PDF documents - React PDF Viewer

A React component to view PDF documents

CSS Layout

A collection of popular CSS layouts and patterns that you can use right away

SchemeColor.com: Download, create & share beautiful color combinations

SchemeColor.com is a top-rated website to download, create and share thousands of beautiful color combinations. Get detailed information on hexadecimal colors codes and convert them to RGB and CMYK equivalents.

Freebies - Design Bombs

Free and paid templates

Codeply v2

HTML, CSS, JavaScript editor playground for designers & developers to compare, prototype and test frontend frameworks

CSS Button Generator: Create HTML and CSS Button Styles

CSS Button Generator is a free online tool that allows you to create cross browser HTML and CSS button styles.

Interactive CSS Grid Generator | Layoutit Grid

Quickly design web layouts, and get HTML and CSS code. Learn CSS Grid visually and build web layouts with our interactive CSS Grid Generator.

CSS 3D Transform Generator - CSS Portal

See how the transform CSS property works with this online visual generator. Move each of the sliders below to see how the property will change the displayed cube.

CodePen - CSS Grid Template Builder

Grid template generator

IRA Design - Build your own amazing illustrations @ Creative Tim

Build your own amazing illustrations.

<css-doodle />

A web component for drawing patterns with CSS

Trianglify.io · Low Poly Pattern Generator

Trianglify.io is a tool for generating low poly triangle patterns that can be used as wallpapers and website assets.

unDraw - Open source illustrations for any idea

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.

Freepik: Download Free Videos, Vectors, Photos, and PSD

Millions of Free Graphic Resources. ✓ Videos ✓Vectors ✓ Photos ✓ PSD ✓ Icons. All that you need for your Creative Projects

4.1 million+ Stunning Free Images to Use Anywhere - Pixabay - Pixabay

Find your perfect royalty-free image or video to download and use. ✓ Royalty-free ✓ No attribution required ✓ High quality images.

Animated Letters | Demo 1 | Codrops

Demo 1 of the letters.js plugin for animating SVG letters creatively.

Magic Animations CSS3

Magic CSS are a set of simple animations to include in your web or app project's

Remove Unused CSS | UnusedCSS

UnusedCSS is an online tool to remove unused CSS rules. It will check your pages, find unused CSS and let you download a clean CSS file.

SVGeez - Free customizable SVG background patterns | Home

Totally awesome, well-stretched CSS svg background patterns, free for download.

TinyPNG – Compress WebP, PNG and JPEG images intelligently

Smart WebP, PNG and JPEG compression

Simple Icons

2734 Free SVG icons for popular brands

Free AI Writing, PDF, Image, and other Online Tools - TinyWow

Download Flaarp! | Premium Mockups Collection | ls.graphics

Here You Will Find The ✔ Best 20 unique scenes in minimalism style. Great mockups for Figma, Sketch, Illustrator, Affinity, XD, SVG, PNG. For your awesome commercial and personal projects

Free Stock Photos - SplitShire

The best free stock images & videos that are absolutely without any copyright restrictions (CC0) - free and legal - no attribution needed.

React Icons

Include popular icons in your React projects easly with react-icons.

Illustrations

2500+ vector, 3D, and raster illustrations that perfectly describe any idea. Explore them all and find the ideal for your design project.

Svg Wave - A free & beautiful gradient SVG wave Generator.

SVG Wave is a minimal svg wave generator with lot of customization. It lets you abiltiy to generate and export pngs and svgs of beautiful waves. SVG wave also lets you layer multiple waves. Create SVGs for your website designs.

css3buttongenerator.com

Button Generator Tool

Keyframes.app

animation , shadow , color , character generator

ScrollReveal

JavaScript library to animate elements as they scroll into view.

3D icons and icon paks - Free3Dicon

All 3D icons you need in one place. This is a collection of free, beautiful, trending 3D icons, that you can use in any project.

GitHub - jeromedalbert/real-world-react-apps: Real world React apps and their open source codebases for developers to learn from

Real world React apps and their open source codebases for developers to learn from - GitHub - jeromedalbert/real-world-react-apps: Real world React apps and their open source codebases for developers to learn from

GitHub - piotrwitek/react-redux-typescript-guide: The complete guide to static typing in "React & Redux" apps using TypeScript

The complete guide to static typing in "React & Redux" apps using TypeScript - GitHub - piotrwitek/react-redux-typescript-guide: The complete guide to static typing in "React & Redux" apps using TypeScript

Happy Hues - Curated colors in context.

See color palette inspiration on a real example website. As you click on different palettes every color on this site updates to give you context of how that color could be used for your design or illustration projects.

Open Peeps, Hand-Drawn Illustration Library

Open Peeps is a hand-drawn illustration library to create scenes of people. You can use them in product illustration, marketing, comics, product states, user flows, personas, storyboarding, quinceañera invitations, or whatever you want! ⠀

84+ Curated Web Dev Tools 2021 - InTab

A curated list of web development resources to help you build high quality websites faster

ManyPixels – Unlimited Graphic Design | Try Now

Get everything you need designed for a flat monthly rate. Logos, web design, illustrations, ads – we do it all! Try ManyPixels today!

SVGPORN

SVG logos for developers, designers, bloggers, geeks and more

Ingradients - Hand-picked mesh gradients for your next design project

Hand-picked mesh gradients for your next design project.

Reshot | Free icons & illustrations

Design freely with instant downloads of curated SVG icons and vector illustrations. All free with commercial licensing. No attribution required.

YouCode

YouCode is an ad-free, private, specialized search engine for the developer community to seamlessly search time-saving apps like GitHub, StackOverflow, ArXiv, Mozilla Developer Network, and more.

fullPage.js | One Page Scroll sections Site Plugin

fullPage plugin by Alvaro Trigo. Create fullscreen pages fast and simple. One page scroll sections jquery plugin. Mouse snap.

React Three Fiber Documentation

React-three-fiber is a React renderer for three.js

Chatwoot Pricing | Starting from $19 per user per month | Chatwoot

Chatwoot helps 15000+ organizations to manage their customer engagement workflows. Our pricing plans are designed to cater for organizations – big & small.

visx | visualization components

a collection of expressive, low-level visualization primitives for React

react-vis

A composable charting library | React-vis is a React visualization library.

Charts  |  Google for Developers

Interactive charts for browsers and mobile devices.

Cytoscape.js

Graph theory / network library for analysis and visualisation - compatible with CommonJS/Node.js/Browserify/Webpack, AMD/Require.js, npm, Bower, jspm, Meteor/Atmosphere, jQuery, and plain JS/JavaScript

Chartist - Simple responsive charts

Create responsive, scalable and good looking charts with chartist.js.

Apache ECharts

Apache ECharts, a powerful, interactive charting and visualization library for browser

AniJS, A Library to Raise your Web Design without Coding

AniJS, Declarative handling library for CSS animations

anime.js • JavaScript animation engine

Javascript animation engine

GitHub - codrops/ColumnScroll: A grid layout with columns that scroll in opposite directions.

A grid layout with columns that scroll in opposite directions. - GitHub - codrops/ColumnScroll: A grid layout with columns that scroll in opposite directions.

Fine Uploader Javascript Upload Library

Fine Uploader. A dependency-free, open-source, native browser upload tool.

Parsley - The ultimate JavaScript form validation library

Parsley, the ultimate frontend javascript form validation library

dayjs - npm

2KB immutable date time library alternative to Moment.js with the same modern API . Latest version: 1.11.10, last published: 7 days ago. Start using dayjs in your project by running `npm i dayjs`. There are 13402 other projects in the npm registry using dayjs.

flv - npm

FLV media container file format encoder and decoder. Latest version: 0.0.1, last published: 11 years ago. Start using flv in your project by running `npm i flv`. There are 11 other projects in the npm registry using flv.

scroll-js - npm

Light cross-browser scroller that uses native javascript. Latest version: 3.5.2, last published: a year ago. Start using scroll-js in your project by running `npm i scroll-js`. There are 13 other projects in the npm registry using scroll-js.

Classnames

A simple JavaScript utility for conditionally joining classNames together.

tidy.js

Tidy up your data with JavaScript, inspired by dplyr and the tidyverse from R.

High Quality Free Blogger Templates

A Collection of Free Responsive Blogger Templates, Blogger/CSS3 Website Templates. Download High Quality and Latest Free Blogger Templates.

Blogger Templates 2023 Free Download - Template Library

Free Blogger Templates 2022 collection that is updated on daily basis with new designs. Highly SEO optimized, Responsive Layouts, Magazine, Minimal Style BlogSpot Templates and much more.

Free Website Builder Software | 10,000+ Free Templates

Bootstrap Templates | Premium & Free Download | BootstrapMade

BootstrapMade offers a stunning collection of premium and free Bootstrap Templates designed to fit any website. Elevate your web presence with our high-quality, responsive, and customizable templates.

CSS Grid Generator

CSS Grid Generator

CSS Grid Templates

Downloadable CSS grid templates. Use these templates to provide the layout for your website, then fill in the blanks.

GitHub - IBM/css-gridish: Automatically build your grid design’s CSS Grid code, CSS Flexbox fallback code, Sketch artboards, and Chrome extension.

Automatically build your grid design’s CSS Grid code, CSS Flexbox fallback code, Sketch artboards, and Chrome extension. - GitHub - IBM/css-gridish: Automatically build your grid design’s CSS Grid code, CSS Flexbox fallback code, Sketch artboards, and Chrome extension.

The ultimate CSS tools for web designers | CSSmatic

The ultimate CSS tools for web designers | CSSmatic

Patterninja – pattern making application

Combine images from our free library or use your own. Produced patterns can be downloaded in high resolution and used for printing and the web.

KUTE.js | JavaScript Animation Engine

KUTE.js is a fully featured JavaScript animation engine with outstanding performance and supporting 3D transforms, SVG Morph, draw SVG, SVG transform, cross-browser animation, scroll animation, CSS3 properties and many more.

Ember Burger Menu

An off-canvas sidebar component with a collection of animations and styles using CSS transitions.

40+ Best Websites to Download Free SVG Illustrations in 2023  - Lineicons

Review of best websites that provide free illustrations for designers, developers, and content creators in SVG, PNG and others......

CSShake

Some CSS classes to move your DOM! Easy-to-use classes that will add different kind of shake to each part of your site.

Skitterphoto: a place to find, show and share public domain images.

Visit Skitterphoto to download free photos. No payment, no login required. Do you take pictures? Join us and start uploading your public domain photos today.

Lottie Docs

Lottie is a library for Android, iOS, Web, and Windows that parses Adobe After Effects animations exported as json with Bodymovin and renders them natively on mobile and on the web

Hero Patterns | Free repeatable SVG background patterns for your web projects

A collection of repeatable SVG background patterns for you to use on your digital projects.

A Complete Guide to CSS Gradients | CSS-Tricks - CSS-Tricks

Like how you can use the background-color property in CSS to declare a solid color background, you can use the background-image property not only to declare image files as backgrounds but gradients as well. Using CSS gradients is better for control and performance than using an actual image (of a gradient) file.

Poet.so | Create Beautiful Images of REVIEWS.io, LinkedIn, Shopify App Store Review and Trustpilot Posts

Capture and share REVIEWS.io, LinkedIn, Shopify App Store and Trustpilot posts as beautiful images.

Explore 3000+ Free UI Elements: CSS & Tailwind

Library of free and customizable UI elements made with CSS or Tailwind. It's all open-source, and it's all free. Try it out to save you many hours spent on building & customizing UI components for your next project.

Over 170 Responsive Froala Design Blocks - Froala Building Blocks

Over 170 responsive design blocks ready to be used in your web or mobile apps, based on the Bootstrap Library, as the building blocks for beautiful websites.

cssbuttons.app | Over 60+ Free CSS Buttons To Use

Collection of over 60+ handpicked and custom made CSS buttons for your website.

cubic-bezier.com

animation generator

Da Button Factory - Free CTA Button Generator

A FREE online button generator. Design your very own button and download the image or get the CSS code. It's quick & easy!

Proton Engine Site

Web site created using create-react-app

GitHub - krasimir/react-in-patterns: A free book that talks about design patterns/techniques used while developing with React.

A free book that talks about design patterns/techniques used while developing with React. - GitHub - krasimir/react-in-patterns: A free book that talks about design patterns/techniques used while developing with React.

GitHub - brillout/awesome-react-components: Curated List of React Components & Libraries.

Curated List of React Components & Libraries. Contribute to brillout/awesome-react-components development by creating an account on GitHub.

useUrlState - ahooks 3.0

Avatar generator playground - Boring Avatars

Boring avatars is a tiny JavaScript React library that generates custom, SVG-based, round avatars from any username and color palette.

CSS Scan - The fastest and easiest way to check and copy CSS

Goodbye to "Inspect Element" — Visualize the CSS of any element you hover over, instantly, and copy its entire rules with a single click.

Griddy

CSS Grid generator | generate CSS grid code just in a few clicks.

CSS Flex Generator

CSS flex generator | generate CSS flexbox code just in a few clicks.

Discover Social Media Profiles | Social Media Profiles Finder

Discover social media profiles for free in minutes with Discover profile! Find new ways to connect including Facebook, Instagram, Twitter and Tik Tok

Vizzu

Vizzu - free, open-source tools for animated data stories and visualizations

Storyset | Customize, animate and download illustration for free

Edit and animate all our customizable illustrations to enhance your projects totally free. Start now to be creative in our online editor ✅

Streamline Icons: The Only Icon System

With 170,000 icons, Streamline is the only icon system. It's designed by one team of 8 icon designers in a consistent, harmonious style. Pair these icons with our 35,000 vector illustrations, emoji and elements for best results.

Create stunning product mockups easily and online - Smartmockups

Smartmockups enables you to create stunning high-resolution mockups right inside your browser within one interface across multiple devices.

Screely - Generate Website Mockups

Instantly turn your screenshot into a beautiful website mockup. Customize the browser mockup window, background and much more.

Millions of PNG Images, Backgrounds and Vectors for Free Download | Pngtree

Pngtree provides free download of png, png images, backgrounds and vector. Millions of high quality free png images, PSD, AI and EPS Files are available.

Fresh Background Gradients | WebGradients.com 💎

Come to WebGradients.com for 180 beautiful linear gradients in CSS3, Photoshop and Sketch. This collection is curated by top designers and totally free.

Box Shadows

Box shadow generator

React-Spring

With naturally fluid animations you will elevate your UI & interactions. Bringing your apps to life has never been simpler.

Mozilla Labs : TogetherJS

Real time collaboration features for your website or app.

StPageFlip - react-pageflip - Simple library for creating realistic page turning effects

Simple React.js wrapper for StPageFlip library, for creating realistic and beautiful page turning effect | newspaper type page flip animation library

Framer — Success starts with a site

Design and publish your dream site. Add animations, interactions, and optimize for every breakpoint. Then scale your site with an advanced CMS — no code needed and publish for free.

Flatpickr

A lightweight and powerful datetimepicker

Cleave.js - Format input text content when you are typing

Format your <input/> content when you are typing

Javascript Libraries - Dev Resources

cheatsheet for collection of dev resources

Single Page Apps for GitHub Pages

A composable charting library built on React components | Recharts - Re-designed charting library built with React and D3.

JavaScript Charts & Maps - amCharts

JavaScript / HTML5 charts and maps data-viz libraries for web sites and applications. Fast and responsive. WordPress plugin available. Developed since 2006.

Plotly javascript graphing library in JavaScript

Plotly.js is a high-level, declarative charting library. plotly.js ships with over 40 chart types, including 3D charts, statistical graphs, and SVG maps.

JavaScript Animated Typing with Typed.js | by Matt Boldt

Code editor like typing effect library

vivus.js - svg animation

SVG Drawing Animation

Notistack

Notistack is a React library which makes it super easy to display notifications on your web apps. It is highly customizable and allows you to stack snackbars/toasts on top of one another

react-notifications-component - npm

React component for creating notifications on the fly. Latest version: 4.0.1, last published: a year ago. Start using react-notifications-component in your project by running `npm i react-notifications-component`. There are 50 other projects in the npm registry using react-notifications-component.

Chakra UI - A simple, modular and accessible component library that gives you the building blocks you need to build your React applications. - Chakra UI

Simple, Modular and Accessible UI Components for your React Applications. Built with Styled System

slick - the last carousel you'll ever need

slick is a responsive carousel jQuery plugin that supports multiple breakpoints, CSS3 transitions, touch events/swiping & much more!

pickadate.js

The mobile-friendly, responsive, and lightweight jQuery date & time input picker.

Zdog · Round, flat, designer-friendly pseudo-3D engine for canvas and SVG

Round, flat, designer-friendly pseudo-3D engine for canvas and SVG

588+ Free HTML CSS Website Templates by TemplateMo

Download 588+ free HTML CSS website templates that included 140+ responsive Bootstrap themes from templatemo and use them for your sites

One Page Love - One Page Website Inspiration and Templates

One Page Love is a One Page website design gallery showcasing the best Single Page websites, templates and resources.

Unlimited UI Kits, Icons, Templates, Themes and More - UpLabs

UpLabs curates the best of design & development inspiration, resources and freebies. Every day!

HTML5xCSS3 - Free Responsive Html5 and Css3 Templates

This is a collection of wonderful templates, the templates are designed to be compatible with many different screen sizes.The responsive html5 css3 templates will help your site more popular.

WordPress Themes & Website Templates - Colorlib

Colorlib is the ONLY resource you'll need to start a blog using WordPress! We offer comprehensive yet easy to follow guides, themes and templates well suited for beginner bloggers.

Code cheatsheets | shortcode.dev

A collection of useful snippets and code examples. Elements, attributes and selectors.

GitHub - imgix/drift: Easily add "zoom on hover" functionality to your site's images. Lightweight, no-dependency JavaScript.

Easily add "zoom on hover" functionality to your site's images. Lightweight, no-dependency JavaScript. - GitHub - imgix/drift: Easily add "zoom on hover" functionality to your site's images. Lightweight, no-dependency JavaScript.

SSL For Free - Free SSL Certificates in Minutes

Free SSL certificates issued in less than a minute, for one or multiple domains, supporting wildcards and ACME with tutorials.

Home | Laws of UX

Laws of UX is a collection of best practices that designers can consider when building user interfaces.

60+ Free HTML Website Templates - Responsive & Mobile Ready

Download 60+ free HTML website templates that are absolutely free, responsive and mobile ready for your website

Download Free Responsive Website Templates | StyleShout

Get a professional look for your website with our simple, modern & free responsive website templates. Our designs & code simplify improving your online presence

Zerotheme | Free Html5 and Css3 Website Templates

Html5 Website Templates designed by #Mik. Free download all templates at Zerotheme : responsive templates, bootstrap themes, ecommerce themes, ...

TinyJPG – Compress WebP, PNG and JPEG images intelligently

Make your website faster and save bandwidth. TinyJPG is the best automatic WEBP, JPEG and PNG optimizer and compresses your WEBP, JPEG and PNG images by 40-60%!

Google Web Designer - Home

Web Tools Directory: 20+ Free Tools to Improve your Website

Collection of 20+ free web tools for web developers, designers and webmasters to make your job easier. No registration needed, try it yourself.

HTML5 Templates & Themes

HTML5UP: Very modern, unique responsive HTML5/CSS3 themes https://html5up.net/ Templatemo: Minimal, resume, gallery themes and more https://templatemo.com/ Templated .co: Tons of minimalistic HTML5/CSS3 themes. https://templated.co/ FreeHTML5: Free & premium HTML5 and Bootstrap themes https:/...

List.community

List.community is an easy way to browse curated lists on GitHub.

GitHub - mmccaff/PlacesToPostYourStartup: Compiled list of links from "Ask HN: Where can I post my startup to get beta users?"

Compiled list of links from "Ask HN: Where can I post my startup to get beta users?" - GitHub - mmccaff/PlacesToPostYourStartup: Compiled list of links from "Ask HN: Where can I post my startup to get beta users?"

UIHUT | 23,000+ Design Resources, UI Kits, App UI & Everything

Download 23,000+ UI design resources including web apps, UI kits, App UI, 3D, illustrations, icons, and more in Figma, XD, and Sketch, to create stunning visuals.

react-tippy - npm

React tippy. Latest version: 1.4.0, last published: 3 years ago. Start using react-tippy in your project by running `npm i react-tippy`. There are 181 other projects in the npm registry using react-tippy.

Smart Serials: Your serial numbers database

This is your main source of free serial numbers, unlock keys in a clean environment safe to browse by all ages.

FocoClipping Remove BG | Free Image Background Remover Online

FocoClipping online Bg removal can remove image background freely in 3 seconds with smart AI. Then edit images, change backgrounds, crop images. etc to perfect your photos!

DevAssets - Curated List of Resources for Developers

Curated collection of resources for web, mobile and game developers and designers. Learn programming, find a new job, discover your next favourite free tool, improve your skills, and a lot more

Undesign | Collection of free design tools and resources for makers, developers and designers

Collection of free design tools and resources for makers, developers and designers

React Algolia Places component

Develop and deploy websites and apps in record time | Netlify

Accelerate the time to deploy your websites and apps. Bring your integrations and APIs together on one powerful serverless platform. Get started for free!

Vercel: Develop. Preview. Ship. For the best frontend teams

Vercel's Frontend Cloud gives developers the frameworks, workflows, and infrastructure to build a faster, more personalized Web.

Free Hosting - host without cost

We provide free web hosting with control panel, PHP, MySQL. Free plan includes FTP, online site builder, apps installer, unmetered bandwidth, 100% uptime.

Free Web Hosting - Host a Website for Free with Cpanel, PHP

Absolutely free web hosting with cPanel, PHP & MySQL for a stunning blogging start. Get free website hosting together with a free domain name at no cost at all!

Free Unlimited Web Hosting with PHP, MySQL, FTP - ProFreeHost

Professional Free Web Hosting with Unlimited Disk Space, Unlimited Bandwidth, Unlimited websites, Unlimited domains and No Forced ads on your site. PHP, MySQL, FTP, Emails hosting.

Cloudinary - Pricing and Plans

Select a plan that best suits your needs. A Free plan with generous usage limits is available without any time limit. Activate now!

Coding Games and Programming Challenges to Code Better

CodinGame is a challenge-based training platform for programmers where you can play with the hottest programming topics. Solve games, code AI bots, learn from your peers, have fun.

Learn to Code - for Free | Codecademy

Learn the technical skills to get the job you want. Join over 50 million people choosing Codecademy to start a new career (or advance in their current one).

The Modern JavaScript Tutorial

Modern JavaScript Tutorial: simple, but detailed explanations with examples and tasks, including: closures, document and events, object oriented programming and more.

Free JavaScript Resources | Java5cript.com - Learn JavaScript for free

Free JavaScript Resources | Java5cript.com - Learn JavaScript for free

Connect APIs, Remarkably Fast - Pipedream

Pipedream is a low code integration platform for developers that allows you to connect APIs remarkably fast. Stop writing boilerplate code, struggling with authentication and managing infrastructure. Start connecting APIs with code-level control when you need it — and no code when you don't. Join 500,000+ developers using the Pipedream platform today. Get started for free.

goLance Home

React Cheat Sheet

OverAPI.com | Collecting all the cheat sheets

OverAPI.com is a site collecting all the cheatsheets,all!

Google Tech Dev Guide

Whether you’re a student, an educator, or otherwise interested in software engineering, newer to computer science or a more experienced coder, we hope there’s something for you here in Google’s Guide to Technical Development.

Hashnode - where developer blogs meet community power!

Hashnode is your go-to community to connect with other developers worldwide. It offers a platform to read and learn from high-quality tech and programming articles, engage in discussions, and even start your own dev blog. Start your journey of learning, sharing, and growing with Hashnode today!

DEV Community

A constructive and inclusive social network for software developers. With you every step of your journey.

Adobe Portfolio | Build your own personalized website

Quickly and simply build a personalized website to showcase your creative work with Adobe Portfolio. Now included free with any Creative Cloud subscription.

CSS Gradient — Generator, Maker, and Background

As a free css gradient generator tool, this website lets you create a colorful gradient background for your website, blog, or social media profile.

Figma: The Collaborative Interface Design Tool

Figma is the leading collaborative design tool for building meaningful products. Seamlessly design, prototype, develop, and collect feedback in a single platform.

Gradient Hunt - Beautiful Color Gradients

Thousands of trendy color gradients in a curated collection that is updated daily. Get a fresh color gradient for your next design project and save all the gradients you like.

Palette List - Color Palette Generator - 10,000+ Palettes

Palette List is a dynamic palette generator

Coolors - The super fast color palettes generator!

Generate or browse beautiful color combinations for your designs.

Material Design Color Palette Generator - Material Palette

Choose your favorite colors and get your Material Design palette generated and downloadable.

Converting Colors - Hex - 9D9FB8

Converting Colors allows you to convert between color formats like HEX, RGB, CMYK and more. The current page shows the different conversions for Hex 9D9FB8.

Gradients for Tailwind CSS | Hypercolor

A curated collection of beautiful Tailwind CSS gradients using the full range of Tailwind CSS colors. Easily copy and paste the class names, CSS or even save the gradients as an image.

Social Media Sharing Buttons. No JavaScript. No tracking. Super fast and easy.

Super fast and easy Social Media Sharing Buttons. No JavaScript. No tracking.

Premium icons

30000+ SVG icons for UI design, organized in 30+ categories and available in 6 sizes (12, 16, 24, 32, 48, and 64 pixels) and 3 styles (outline, fill and color).

Animatopy

Free Transparent PNG Images, Stickers & No Background Clipart - StickPNG

StickPNG is a vibrant community of creative people sharing transparent PNG images which you can download for free and use in your personal non-commercial or educational projects.

Triangle Pattern Maker

Sketchfab - The best 3D viewer on the web

With a community of over one million creators, we are the world’s largest platform to publish, share, and discover 3D content on web, mobile, AR, and VR.

Error

Download 73 free Illustrations design for your next projects - uistore.design

Free handpicked UI Kits for your real life projects. Curated free design resources to energize your creative workflow.

Craftwork: UX/UI kits, illustrations, mockups, fonts and more

Design resources for everyone. Freebies and premium web design products, custom illustrations and graphics on one marketplace.

Cool and Strong Background Gradients | Blend Mode Image Effects | gradientsguru.com

Welcome to GradientsGuru.com for 198 beautiful gradients and 15 Blend mode images effects, This cool & strong collection is created by Trionn Design's designers and it's totally Free.

Design Resources UI Kits, Fonts, Icons and more - UIBundle

UIBundle.com is the place where you find will find best design resources. Bring your creative projects to life with ready-to-use design assets from independent creators around the world.

rc-slider - npm

Slider UI component for React. Latest version: 10.3.0, last published: 5 days ago. Start using rc-slider in your project by running `npm i rc-slider`. There are 1422 other projects in the npm registry using rc-slider.

react-responsive-carousel - npm

React Responsive Carousel. Latest version: 3.2.23, last published: 2 years ago. Start using react-responsive-carousel in your project by running `npm i react-responsive-carousel`. There are 400 other projects in the npm registry using react-responsive-carousel.

Just a moment...

94fbr.org - Download Cracked Software Full Version Free Pc

All Windows and MAC Software and Games are Free Download from 94fbr.org

tencentarc/gfpgan – Run with an API on Replicate

Practical face restoration algorithm for *old photos* or *AI-generated faces*

Witeboard | Shareable Online Whiteboard

Witeboard is the fastest real-time online whiteboard for your team. Share with your team and view on mobile, tablet, or desktop. No sign ups, no installations.

Online Character, Letter & Word Count Tool - Counting Characters

Counting Characters - An Online letter, character & word count tool. It helps to count the total numbers of characters, letters & words of SMS, Twitter, Instagram, word & excel text with spaces. Visit letter, word & character counter tool online now to count characters, letters, & words.

Pure CSS animated blobs by Torus Kit - Blobz

Popper - Tooltip & Popover Positioning Engine

Positioning tooltips and popovers is difficult. Popper is here to help! Popper is the de facto standard to position tooltips and popovers in modern web applications.

Free Web Hosting And Domain Name - SSL, Php, MySQL, No Ads

We provide unlimited free hosting with high performance stable servers, No Ads,cPanel x3, Unlimited Disk space, unlimited bandwidth, Powerful cpu,Nazuka alternative, Free Hosting in India,Unlimited Mysql Database,Unlimited Addon Domain,unlimited Cpanel access, 99.9% up time,Robust technology, SSD cached devices,Unlimited Email accounts for free

Add a Shopping Cart to Any Website in Minutes - Snipcart

Add a shopping cart to your site in minutes. Works with any site builder, CMS, and framework. 20 000+ merchants trust our e-commerce solution for their website. Join them!

Storytale

High-class web assets under simple subscription. Huge library of stylish assets that grows every week. You can get them all by yearly subscription and download any assets you want for commecial and personal projects.

Clipdrop - Relight

Relight your photos automatically with AI

W3Schools Online Web Tutorials

Learn to code HTML, CSS, and JavaScript with Dash

Dash is a fun and free online course from General Assembly that teaches you how to program with the basics of web development through projects you can do right in your browser. Get started today!

Build new skills. Advance your career. | edX

Discover thousands of offerings — from free courses to full degrees — delivered by world-class partners like Harvard, Google, Amazon and more.

Airbnb JavaScript Style Guide() { | Airbnb JavaScript Style Guide

A mostly reasonable approach to JavaScript

PWABuilder

All the tools you need to build and deploy your Progressive Web Apps.

Upwork | The World’s Work Marketplace

Upwork connects businesses with independent professionals and agencies around the globe. Where companies and freelancers work together in new ways that unlock their potential.

GRID: A simple visual cheatsheet for CSS Grid Layout

Learn all about the properties available in CSS Grid Layout through simple visual examples.

Get Free Certifications Online: Free Online Courses With Certificates

Looking for free certifications online? Take free online courses with certificates, show your free certifications online &amp; prove your learning abilities!

Home : Google

A free online introduction to artificial intelligence for non-experts

Learn more about MinnaLearn's and the University of Helsinki's AI course - no programming or complicated math required.

LetsUpgrade - LetsUpgrade 2023

Substack - A new economic engine for culture

With Substack, anyone can start a publication that combines a personal website, blog, and email newsletter or podcast. It's quick and simple, so you don't have to be tech savvy. Your audience can pay you directly through subscriptions, with no ads to get in the way. Writers and podcasters can own their intellectual property, keep their mailing list, and start a media business.

Color Palette Generator

Generate new color palette generator with every press of the spacebar

Grabient

Beautiful and simple UI for generating web gradients.

Brand Palettes - Logo Color Codes and Palettes

Brand palette colors for major brands including fast food brands, beer brands and technology brands. Color codes are estimates of HEX, RGB and CMYK Values

Flat UI Colors 2 - 14 Color Palettes, 280 colors 🎨

280 handpicked colors ready for COPY & PASTE

colorate | Color scheme tools for designers and developers.

colorate is a color scheme tool for designers and developers. This will help you draw inspiration and serve as a resource for your color work.

Photopea | Online Photo Editor

Photopea Online Photo Editor lets you edit photos, apply effects, filters, add text, crop or resize pictures. Do Online Photo Editing in your browser for free!

Wireframe.cc – The Go-to Free, Online Wireframing Tool.

Create and share better wireframes with a powerful, intuitive low-fidelity wireframing tool.

Animate Your Text into GIF / SVG / APNG · loading.io

customize and make text animation in seconds with 100+ prebuilt animation types of your choice.

Colordot - A color picker for humans

Simple color picker everyone

3d Vector Art, Icons, and Graphics for Free Download

Browse 489,700 incredible 3d vectors, icons, clipart graphics, and backgrounds for royalty-free download from the creative contributors at Vecteezy!

Gradient Generator — Create CSS, SVG and PNG color gradients

Use this tool to create linear, radial, and conic gradient backgrounds. Export as CSS, SVG, PNG, and JPEG for use on your website, social media, or wallpaper.

Flexy Boxes — CSS flexbox playground and code generation tool

Online CSS flexbox playground and code generator. Supports all existing flexbox implementations.

VISIWIG: click + paste graphics

We provide visuals for busy designers. Visiwig is a place to find design inspiration, explore creative tools, and shop for timesaving graphics.

Build with Flexbox

An interactive flexbox reference tool for web and React Native.

CSS Grid Layout Generator

The Quickest & Easiest Way To Build Complex CSS Grid Layouts

Neumorphism/Soft UI CSS shadow generator

CSS code generator that will help with colors, gradients and shadows to adapt this new design trend or discover its posibilities.

Shape Divider App

Create fully responsive shape dividers for your next web project

CSS scroll shadows

CSS Scroll Shadows | scrollbar generator tool

Hero Patterns

A collection of repeatable SVG background patterns for you to use on your digital projects.

VectorStock - Vector Art, Images, Graphics & Clipart

Royalty free vector images, vector art, graphics, clipart, illustrations and high resolution stock images. Find the vectors you want!

Vector Icons and Stickers - PNG, SVG, EPS, PSD and CSS

Download Free Icons and Stickers for your projects. Images made by and for designers in PNG, SVG, EPS, PSD and CSS formats

Download Free Vectors, Images, Stock Photos & Stock Videos

Explore millions of royalty free vectors, images, photos, and videos! Find the perfect graphic, background, illustration, template, or icon for your design.

Free Vector Art, Images, & Graphics for Free Download

A lot of free vector art and graphics ideal for your designs. You can use them on your web, for prints or to design a unique T-shirt. Just download and enjoy.

Openclipart - Clipping Culture

Openclipart. Since 2004, Now with 176840 clipart. 20 new clipart in the last 24 hours

Loading.css - 60+ Seamless Repeatable CSS Animation · Loading.io

Loading.css is a set of CSS animation designed for repeatable, infinitely playing loading animation.

Woah.css | Joe Rezendes

Woah.css is a CSS animation library created by Joe Rezendes that was made for eccentric developers.

10+ Best Spots to Find Free Illustrations for Your Next Design Project

Looking for web design illustrations? In this post, we've collected 10+ great sources to find free illustrations for your next project.

7,775,000+ free and premium vector icons, illustrations and 3D illustrations

Iconfinder is the world's largest marketplace for icons, illustrations and 3D illustrations in SVG, AI, and PNG format.

Animate.css | A cross-browser library of CSS animations.

Animate.css is a library of ready-to-use, cross-browser animations for you to use in your projects. Great for emphasis, home pages, sliders, and attention-guiding hints.

Wicked CSS3 Animations

Wicked CSS3 Animations | animation library

Pixels | Art You'll Love from Independent Artists

Pixels is the place for affordable wall art, t-shirts, art prints, phone cases, and more from independent artists and global brands. All Pixels orders include a 30 day money-back guarantee and help support living artists all over the world.

Beautiful Free Images & Pictures | Unsplash

Beautiful, free images and photos that you can download and use for any project. Better than any royalty free or stock photos.

Free high resolution stock images CC0 and Public Domain - Magdeleine

Magdeleine is a curated collection of the best free stock images in high resolution (CC0, Public Domain and Creative Commons) that you can use for inspiration.

Free Stock Photos and Images for Commercial Use | Morguefile.com

Morguefile.com boasts a collection of over 410,000 free stock photos for commercial use. Find the perfect one for your next project today.

A micro-animations library

Library of animated icons created in Lottie Framework for immediate use in your applications or websites.

CSS Background Patterns by MagicPattern

Beautiful pure CSS background patterns that you can actually use in your projects!

404 Illustrations | Free catchy scenes for extraordinary error pages

A growing collection of illustrations for your page-not-found message. Choose a scene to inform the user of the error occurred in interesting ways. Use futuristic elements or stay traditional with cute characters. All scenes are compatible with Sketch and Figma.

Downloads Archive - Animaticons

Downloads Archive - Animaticons | icons

Open Peeps by Pablo Stanley - Illustrations on Blush

Hand-drawn illustrations of people of the world. Can you recreate yourself?

Shapefest™ - A massive library of free 3D shapes

A massive free library of beautifully rendered 3D shapes. 160,000+ high resolution PNG images in one cohesive library.

3d - Free & Premium Stock Photos - Canva

Search and download beautiful 3d photos from millions of high quality stock images in Canva.

BGJar | Free svg background image generator for your websites

Free svg background generator for your websites, blogs and app.

Glassmorphism CSS Generator - Glass UI

Generate CSS and HTML components using the glassmorphism design specifications based on the Glass UI library.

Create beautiful images of your code

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.

PurifyCSS Online - Remove unused CSS

PurifyCSS is a website performance optimization tool that scans your HTML & JS source code, removes the unused CSS selectors and reduces the file size by up to 90%

Cool Backgrounds

Explore a beautifully curated selection of cool backgrounds that you can add to blogs, websites, or as desktop and phone wallpapers.

Gradient buttons

Gradient buttons

Smooth Shadow

Make a smooth css shadow

Animated Backgrounds

With Animated Backgrounds, you can easily set a variety of elegant and engaging background animations with just a few clicks

Download 7.5 Million+ Icons, Illustrations, 3D Illustrations, and Lottie Animations | IconScout

Access 7.5 Million+ free or premium vector icons, illustrations, 3D illustrations, and Lottie animations for any design. Available in PNG, SVG, GIF, EPS, JSON, and more.

Pure

Pure is a ridiculously tiny CSS library you can use to start any web project.

shaper — interface styles shaper

shaper — interface styles shaper

Theatre.js - animation toolbox for the web

Theatre.js is an animation editor with a visual interface.

Whirl: CSS loading animations with minimal effort!

DrawKit - Beautiful 2D & 3D Illustrations and Icons

Free and premium vector SVG illustrations for you to use on your next project, no attribution required! Vector illustrations, icons, 3D illustrations, animation, mockups, Figma plugins and more.

Feather – Simply beautiful open source icons

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.

SweetAlert2 - a beautiful, responsive, customizable and accessible (WAI-ARIA) replacement for JavaScript's popup boxes

A beautiful, responsive, customizable and accessible (WAI-ARIA) replacement for JavaScript's popup boxes

Lost Geometry 3D Illustrations

Huge set of 91 abstract 3D objects in various styles to bring a modern touch to your interfaces. PNG version is available for free.

Watch YouTube Videos with No Ads on Auto-Repeat in Full Screen

Watch YouTube videos without getting interrupted by intrusive advertising | Listen to lots of music on YouTube? Replay songs on loop without any limit.

DAREBEE - Fitness On Your Terms.

2100+ FREE workouts, fitness programs, monthly challenges and training guides.

Iconbolt - 80,616 free vector icons at your fingertips

Easy instant access to a growing collection of high quality free icons.

Three.js – JavaScript 3D Library

JavaScript 3D animation library

Simple React.js wrapper for StPageFlip library

newspaper type page swiper for reactjs

React Awesome Reveal | Performant Animated Components

Add revealing animations to your React app with ease

Plyr - A simple, customizable HTML5 Video, Audio, YouTube and Vimeo player

A simple HTML5 media player with custom controls and WebVTT captions.

Dropzone.js

Dropzone.js is an open source library that provides beautiful and easy to use drag'n'drop file uploads with image previews.

React App

Web site created using create-react-app

Fabric.js Javascript Canvas Library

Fabric.js is a powerful and simple Javascript HTML5 canvas library Fabric provides interactive object model on top of canvas element Fabric also has SVG-to-canvas (and canvas-to-SVG) parser

Beautiful HTML5 Charts & Graphs | 10x Fast | Simple API

HTML5 Charts with a simple JavaScript API. Our HTML5 Charts can render across devices & are 10x faster than SVG Charts. Includes examples with source code

billboard.js

Re-usable easy interface JavaScript chart library, based on D3 v4+

react-chartjs-2 | react-chartjs-2

React components for Chart.js

Animate.css | A cross-browser library of CSS animations.

Animate.css is a library of ready-to-use, cross-browser animations for you to use in your projects. Great for emphasis, home pages, sliders, and attention-guiding hints.

react-helmet-async - npm

Thread-safe Helmet for React 16+ and friends. Latest version: 1.3.0, last published: a year ago. Start using react-helmet-async in your project by running `npm i react-helmet-async`. There are 499 other projects in the npm registry using react-helmet-async.

The best tools for web development | Web Code Tools

Award-winning, free website code generators. Generate HTML, CSS, Structured Data, Twitter Cards, Open Graph and more.

Codepad - Share Code Snippets, HTML5, CSS3, JS Demos

Share and save free code snippets, HTML5, CSS3 and JS Demos. Collaborate with other web developers using this free code sharing tool.

CSS Load.net - Loading CSS spinners and bars generator for AJAX & JQuery

CSS load - Free loading CSS3 animation generator. Create your loading animations from the pre-made templates

Interactive CSS Flexbox Generator · Loading.io

CSS flexbox cheatsheet and generator for guiding you toward a better grid and layout system, and is bootstrap compatible!

Animista - On-Demand CSS Animations Library

Animista is a CSS animation library and a place where you can play with a collection of ready-made CSS animations and download only those you will use.

Get Waves – Create SVG waves for your next design

A free SVG wave generator to make unique SVG waves for your next web design. Choose a curve, adjust complexity, randomize!

Matter.js - a 2D rigid body JavaScript physics engine · code by @liabru

Matter.js is 2D rigid body JavaScript physics engine for the web

AniCollection - The easiest way to find, use and share CSS3 animations.

The easiest way to find, use and share CSS3 animations.

SCREEN SIZE MAP » Compare viewport sizes

A comparison chart of popular viewport sizes in device-independent pixel. ✓ responsive design ✓ mobile devices ✓ for designers & developers

Seamless Pattern Maker - Create Unique Backgrounds For Free

create your own free seamless patterns and backgrounds online fast and easy. Try our pattern generator - it is totally free!

5k+ Tartan Patterns | Tartanify.com

A ready-to use collection of tartan patterns. All available for download as seamless repetitive tiles in svg and png format.

SVG Patterns Gallery

Gallery of free SVG background patterns and designs.

GitHub - lucagez/bars: css progress bars made with svg patterns

css progress bars made with svg patterns. Contribute to lucagez/bars development by creating an account on GitHub.

Izmir - ImageHover CSS Library

Custom build your own image hvoer effects the Izmir imagehover mini CSS library

loading.io - Your SVG + GIF + PNG Ajax Loading Icons and Animation Generator

Build Your Ajax Loading Icons, Animated Text and More with SVG / CSS / GIF / PNG !

cattocss

cattocss is a CSS animations library online where you can use the source code without installing dependencies in your web project.

mo.js

The official website for mojs | animation library

simpleParallax.js - a JavaScript library for parallax effects

simpleParallax.js is a simple and tiny JavaScript library that adds parallax effects on any images.

🎨 Material Design Colors, Color Palette | Material UI

Material Design Color Palette will help you quickly decide which color to choose for your project. Colors are taken from Google's Material Design Guidelines.

Cheatsheet - SVG Icons Library - Vivid.js

Cheatsheet for Vivid.JS SVG Icons

Codrops | Keeping web professionals inspired & up-to-date since 2009

Founded in 2009, Codrops is a destination for web design and development enthusiasts. Our team is dedicated to providing high-quality, innovative content that explores the latest trends and techniques in the field, keeping web professionals up-to-date on the latest developments in the industry.

Hover.css - A collection of CSS3 powered hover effects

A collection of CSS3 powered hover effects to be applied to links, buttons, logos, SVG, featured images and so on. Easily apply to your own elements, modify or just use for inspiration. Available in CSS, Sass, and LESS.

Free high resolution photography - Life of Pix - Home

Free high resolution photography. Share and download images freely. Search for pictures by color or format. Photographers, get an account now !

ScrollOut

Animate on Scroll | Effects and CSS Vars on Scroll!

GreenSock

GSAP is an industry standard JavaScript animation library from GreenSock that lets you craft high-performance animations that work in every major browser.

colors.lol - Overly descriptive color palettes

A fun way to discover interesting color combinations.

SVG animation tool | SVG Circus

SVG Circus enables you to create cool animated SVG spinners, loaders and other looped animations in seconds

Blobmaker - Make organic SVG shapes for your next design

Make organic SVG shapes for your next design. Modify the complexity, contrast, and color, to generate unique SVG blobs every time.

Open Doodles - Free sketchy illustrations

A library of sketchy illustrations of people free for personal and commercial use.

Humaaans: Mix-&-Match illustration library

Mix-&-match illustrations of people with a design library for InVIsion Studio and Sketch.

Color Palettes for Designers and Artists - Color Hunt

Discover the newest hand-picked color palettes of Color Hunt. Get color inspiration for your design and art projects.

Shape - 36000+ Icons & Illustrations to SVG, Lottie, React.

Shape lets you customize the style, colors and border of static & animated icons and illustrations. You can export to React, SVG and Lottie code.

Indian Doodle Illustration Pack - uistore.design

60 illustrations in doodle style. These vector illustrations come in three different file formats: EPS, SVG, and PNG.

LottieFiles: Download Free lightweight animations for website & apps.

Effortlessly bring the smallest, free, ready-to-use motion graphics for the web, app, social, and designs. Create, edit, test, collaborate, and ship Lottie animations in no time!

Carbon | Create and share beautiful images of your source code

Carbon is the easiest way to create and share beautiful images of your source code.

Type Scale - A Visual Calculator

Preview and choose the right type scale for your project. Experiment with font size, scale and different webfonts.

Clippy — CSS clip-path maker

CSS Clip- path maker

WAIT! Animate

Animation generator tool

3D icons - 4000 icons in 3D style by iconshock

Over 2050 3D style icons in 4k resolution created by Iconshock, 5 different color palettes & front view as well as angled perspective view

GitHub - enaqx/awesome-react: A collection of awesome things regarding React ecosystem

A collection of awesome things regarding React ecosystem - GitHub - enaqx/awesome-react: A collection of awesome things regarding React ecosystem

GitHub - vasanthk/react-bits: ✨ React patterns, techniques, tips and tricks ✨

✨ React patterns, techniques, tips and tricks ✨. Contribute to vasanthk/react-bits development by creating an account on GitHub.

30 seconds of code

Browse 1237 short code snippets for all your development needs on 30 seconds of code.

92 Beautiful CSS buttons examples - CSS Scan

🎨 Curated collection of 92 free beautiful CSS buttons, ready-to-use for your next projects. Click to copy.

Fontshare: Quality Fonts. Free.

Fontshare is a free fonts service from the Indian Type Foundry (ITF), making quality fonts accessible to all.

All your design tools in one place | Renderforest

Time to get your brand noticed. Create professional videos, logos, mockups, websites, and graphics — all in one place. Get started now!

On Fire illustrations

Free illustrations that will wake up any project with its unique mood. Say «YES» to mind-blowing design.

Noun Project: Free Icons & Stock Photos for Everything

Noun Project has the most diverse collection of free icons and stock photos. Download SVG and PNG. Over 5 million art-quality icons and free photos.

ColorHuddle – Palettes with Examples

ColorHuddle is a free collection of 11 modern, ready-to-use color palettes with live examples.

Vitest | A blazing fast unit test framework powered by Vite

A blazing fast unit test framework powered by Vite

Bangle.io

Bangle.io is a powerful yet simple note taking web app that works on top of your locally saved Markdown files.

All Online Tools in One Box | 10015 Tools

All online tools you need in one box for free. Build anything online with “all-in-one toolbox”. All tools are easy-to-use, blazing fast & free.

AnimXYZ

The first composable CSS animation toolkit

Hello! | party.js

A JavaScript library to brighten up your user's site experience with visual effects!

Boxicons : Premium web friendly icons for free

Boxicons is a free collection of carefully crafted open source icons. Each icon is designed on a 24px grid with the material guidelines

Icon organizer & icon library

Nucleo is an application for Mac and Windows to organize, customize, and export all your icons and a library of 30000+ SVG icons.

Icon Font Generator — Iconly

Add vector icons to your website with one line of code. Search over 20,000+ free professionally designed icons. Create your own icon libraries and collaborate with your teammates.

sansho | Threed.io

Generate custom 3D device mockups right in your browser

Watermark Remover - Remove Watermarks Online from Images for Free

Remove watermarks from your images using our AI technology. Use our watermark-remover tool and get your images watermark free.

SplitMySong

Split songs into vocals and instruments using artificial intelligence - It has never been easier!

Animated Drawings

Bring children's drawings to life, by animating characters to move around!

Create stunning visuals in seconds with AI.

Remove background, cleanup pictures, upscaling, Stable diffusion and more…

PDF24 Tools: Free PDF solutions for all PDF problems

Free online PDF tools to merge, compress, create, edit and convert PDFs. Quick and Easy. Without installation. Without registration.

Microcopy - Short copy text for your website.

Search micro UX copy text: slogans, headlines, notifications, CTA, error messages, email, account preferences, and much more.

Gradient Hunt - Beautiful Color Gradients

Thousands of trendy color gradients in a curated collection that is updated daily. Get a fresh color gradient for your next design project and save all the gradients you like.

react-motion - npm

A spring that solves your animation problems.. Latest version: 0.5.2, last published: 6 years ago. Start using react-motion in your project by running `npm i react-motion`. There are 1138 other projects in the npm registry using react-motion.

react-anime - npm

A super easy animation library for React.

Selectize

Documentation and demos for the selectize.js library

Lodash

A JavaScript utility library delivering consistency, modularity, performance, & extras.

SweetAlert

A beautiful replacement for JavaScript's 'alert'

urlcat

urlcat is a tiny JavaScript library that makes building URLs very convenient and prevents common mistakes.

usehooks-ts

React hook library, ready to use, written in Typescript.

logt

A colorful logger for the browser

Loadable Components - React code splitting

The recommended Code Splitting library for React.

react-locomotive-scroll

React Locomotive Scroll| A locomotive-scroll React wrapper

react-snap

Pre-renders a web app into static HTML. Uses Headless Chrome to crawl all available links starting from the root. Heavily inspired by prep and react-snapshot, but written from scratch. Uses best practices to get the best loading performance.

Collect UI - Daily inspiration collected from daily ui archive and beyond. Based on Dribbble shots, hand picked, updating daily.

Daily inspiration collected from daily ui archive and beyond. Based on Dribbble shots, hand picked, updating daily.

FreeFrontend

Free hand-picked HTML, CSS and JavaScript (jQuery, React, Vue) code examples, tutorials and articles.

Start Bootstrap

Start Bootstrap develops free to download, open source Bootstrap 5 themes, templates, and snippets and creates guides and tutorials to help you learn more about designing and developing with Bootstrap.

Cloudflare - The Web Performance & Security Company | Cloudflare

Here at Cloudflare, we make the Internet work the way it should. Offering CDN, DNS, DDoS protection and security, find out how we can help your site.

DevSamples | Code snippets for any need

DevSamples is a list of code samples for you to copy and paste into your projects as needed. The primary focus is on web development, but there are samples from a variety of languages.

Free for Developers

Developers and Open Source authors now have a massive amount of services offering free tiers, but it can be hard to find them all to make informed decisions.

Certbot

Tailwind CSS templates - Cruip

Beautifully designed templates built with Tailwind CSS and fully coded in HTML, React, Next.js, and Vue.

Free JavaScript / CSS / CSS3 - CSS Script

4000+ hand-picked Pure JavaScript and Pure CSS libraries, plugins, components for front-end developers.

29th Floor | Optical illusions art, Illusion art, Cool optical illusions

Sep 28, 2015 - BHOLE

Remove Video Background – Unscreen

Remove the background of any video - 100% automatically, online & free! Goodbye Greenscreen. Hello Unscreen.

Developer Roadmaps - roadmap.sh

Community driven roadmaps, articles and guides for developers to grow in their career.

Remove background From Image - Free & No Signup - Background Remover

3-in-1 free image background remover: Automatically remove background from image ﹡ Choose white, transparent or custom bg ﹡ Edit photo. Get result in 1 click

Free Profile Picture Maker - Generate your PFP with AI

Instantly get hundreds of beautiful designs. Create perfect profile pictures for all your social media profiles. Customize and download for free

premonish

Predict which DOM element a user will interact with next.

Free Web Hosting And Domain Name - SSL, Php, MySQL, No Ads

We provide unlimited free hosting with high performance stable servers, No Ads,cPanel x3, Unlimited Disk space, unlimited bandwidth, Powerful cpu,Nazuka alternative, Free Hosting in India,Unlimited Mysql Database,Unlimited Addon Domain,unlimited Cpanel access, 99.9% up time,Robust technology, SSD cached devices,Unlimited Email accounts for free

Free Web Hosting with PHP, MySQL and cPanel, No Ads

Free Web Hosting with PHP, MySQL, free Website Builder, cPanel and no ads. Almost unlimited free website hosting and free domain hosting. Host website for Free

Cloud Application Platform | Heroku

Heroku is a platform as a service (PaaS) that enables developers to build, run, and operate applications entirely in the cloud.

x10hosting - Free Web hosting Web Hosting For The Masses

Technical Interview Guide for Busy Engineers | Tech Interview Handbook

Free curated interview preparation materials for busy people

Your Career in Web Development Starts Here | The Odin Project

The Odin Project empowers aspiring web developers to learn together for free

Upskill

Sololearn: Learn to Code

Join Now to learn the basics or advance your existing skills

Free for Developers

Developers and Open Source authors now have a massive amount of services offering free tiers, but it can be hard to find them all to make informed decisions.

NoCodeAPI – The easiest way to connect APIs without code

NoCode API is a great place to experiment with APIs and interact with them, without the need to setup servers and infrastructures. It gets the work done, reliable.

Letter: Email for Designers

AI Generated Newsletter Builder. Create Beautiful Newsletters, Faster. The email design tool where creativity meets automation.

Descript | All-in-one video & podcast editing, easy as a doc.

There are simple podcast & video editors and there are powerful ones. Only Descript is both & it features magical AI, so you can skip the hard part of editing. Get started for free.

Hire Freelancers & Find Freelance Jobs Online - Truelancer

Hire Freelancers & Find Freelance Jobs Online. Hire Freelancers in India, USA, UK, Bangladesh, Philippines. Hire Skilled Professionals, Consultants, Contractors

Find and order Web Development | Web, Mobile & IT services | RemoteHub

Order services in Web Development | Web, Mobile & IT, choose best services with great prices from the top performers on RemoteHub

OpenClassrooms

LinkedIn Learning with Lynda: Online Training Courses for Creative, Technology, Business Skills

Learn business, creative, and technology skills to achieve your personal and professional goals. Join LinkedIn Learning today to get access to thousands of courses. Lynda is now LinkedIn Learning.

AGORA

HTML Color Codes

Easily find HTML color codes for your website using our color picker, color chart and HTML color names with Hex color codes, RGB and HSL values.

ColorsWall - colors palettes, palettes collections, colours schemes

ColorsWall - place to store your color palettes. Brand color codes. Generate Random colors palette. Design colors combinations. Tool to choose colors for Your website.

Colors & Fonts

Color and typography for Web Developers and Digital Designers.

Colorsinspo - All in one resource for finding everything about colors | Colorsinspo

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.

Colormind - the AI powered color palette generator

Generate color combinations in one click. Colormind creates cohesive color schemes using a deep neural net.

Stickers for iOS & Android | GIPHY

Explore & share our collection of Stickers on iOS iMessage & Android. Find all the best Sticker Packs on GIPHY.

Cute Isometric Objects For Design | Isometriclove

Wireframer | Flawless SVG text for your wireframes

Flawless SVG text for your wireframes

Moving Letters | Text animated with JavaScript & anime.js

Text animated with JavaScript & anime.js

SpinKit | Simple CSS Spinners

Simple CSS Spinners

Download Free Mockups [PSD, Sketch, Figma] | Huge Collection at ls.graphics

ᐅ Dive into our vast collection of Free Mockups, Patterns, Illustrations, Scene Creators, and DIY Scenes for Photoshop, Sketch, and Figma. Experience the diversity of our resources and elevate your designs today! 🚀🎨🌈

PixelSquid: 3D Content for Graphic Designers & Photoshop

PixelSquid makes 3D content easy for graphic designers to download at any angle as transparent PNG or PSD. Free Photoshop plugin also available.

Free illustrations | Free to use PNG vector SVG illustrations

Superscene 3D Illustration Constructor

Superscene is 3D illustration constructor with bright characters inside. Create a perfect story for your platform simply. Compatible with Blender, Figma & Sketch.

SEO Tools, Software and Articles | SEO Site Checkup

Find comprehensive search engine optimization (SEO) tools for your site.

Website SEO Checker & Audit Tool: Test Your Score for FREE ᐈ

Get FREE SEO report by 100+ parameters with the website checker. SEO analysis for a website will help to find and eliminate issues, calculate SEO score.

GTmetrix | Website Performance Testing and Monitoring

GTmetrix is a free tool to test and monitor your page's performance. Using Lighthouse, GTmetrix generates scores for your pages and offers actionable recommendations on how to optimize them.

Color Picker From Image (RGB HEX CMYK) Online

image color picker, pick color from your photo

Animockup - Create product teasers with animated mockups

Create your free animated product teaser with Animockup. Make videos and animated GIFs for social media, landing pages, Dribbble, Product Hunt, and more.

Absurd Design - Free Surrealist Illustrations and Vector Art

Download surrealist illustrations. Use free vector art for your landing pages, presentations and apps. These artworks combine the absurdity and childishness.

Free Notion Illustrations - Popsy

The biggest free Notion illustration set. Premium hand-drawn Notion illustrations for landing page, personal website, ecommerce, creators, youtubers, influencers, Notion template creators, business, finance, travel, fitness, gaming, media. Public domain & free to use anywhere.

3D icons - 4000 icons in 3D style by iconshock

Over 4000 3D icons in 4k resolution, 5 different color palettes, figma and PNG files, front view and angled perspective view.

GitHub - teodosii/react-tweenful: Animation engine designed for React

Animation engine designed for React. Contribute to teodosii/react-tweenful development by creating an account on GitHub.

HTML CSS JavaScript - Free Online Editors and Tools

Online HTML, CSS and JavaScript editor with instant preview. The HTML-CSS-JS trio are the parts of all websites that users directly interact with. Check out our free online tool collection

npkill - npm

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.. Latest version: 0.11.3, last published: 5 months ago. Start using npkill in your project by running `npm i npkill`. There are no other projects in the npm registry using npkill.

JSON Crack | Visualize Instantly Into Graphs

Innovative and open-source visualization application that transforms various data formats, such as JSON, YAML, XML, CSV and more, into interactive graphs.

Victory

React.js components for modular charting and data visualization.

Home | nivo

Supercharged React dataviz components.

ApexCharts.js - Open Source JavaScript Charts for your website

ApexCharts is a a free and open-source modern charting library that helps developers to create beautiful and interactive visualizations for web pages.

react-toastify - npm

React notification made easy. Latest version: 9.1.3, last published: 4 months ago. Start using react-toastify in your project by running `npm i react-toastify`. There are 1969 other projects in the npm registry using react-toastify.

react-toast-notifications - npm

A configurable, composable, toast notification system for react.. Latest version: 2.5.1, last published: 2 years ago. Start using react-toast-notifications in your project by running `npm i react-toast-notifications`. There are 129 other projects in the npm registry using react-toast-notifications.

qs - npm

A querystring parser that supports nesting and arrays, with a depth limit. Latest version: 6.11.2, last published: 4 months ago. Start using qs in your project by running `npm i qs`. There are 14820 other projects in the npm registry using qs.

js-cookie - npm

A simple, lightweight JavaScript API for handling cookies. Latest version: 3.0.5, last published: 5 months ago. Start using js-cookie in your project by running `npm i js-cookie`. There are 7419 other projects in the npm registry using js-cookie.

vconsole - npm

A lightweight, extendable front-end developer tool for mobile web page.. Latest version: 3.15.1, last published: 4 months ago. Start using vconsole in your project by running `npm i vconsole`. There are 394 other projects in the npm registry using vconsole.

Home | Babylon.js Documentation

The homepage of Babylon.js' documentation page. Start here and get to know the best 3D framework on the web.

phoria.js

phoria.js is a JavaScript library for simple 3D graphics on a canvas 2D renderer. It does not use WebGL - so works on any device that can display HTML5 Canvas - so all modern browsers and including iOS and Android phones!

Emoji Mart • One component to pick them all

Collection of emoji | One component to pick them all

TEMPLATED - Free HTML and CSS Website Templates

Free HTML5 and CSS3 website templates. Our beautiful site templates are fully responsive and can be used for commercial purposes. Download now!

Free CSS | 3547 Free Website Templates, CSS Templates and Open Source Templates

Free CSS has 3547 free website templates, all templates are free CSS templates, open source templates or creative commons templates.

HTML5 UP! Responsive HTML5 and CSS3 Site Templates

Responsive HTML5 and CSS3 site templates designed by @ajlkn.

FreeHTML5.co - Free Website Templates, Free HTML5 Templates Using Bootstrap Framework

Free website templates, free HTML5 templates using Bootstrap framework. High quality free website templates for all.

Best Bootstrap Templates and Themes 2023 | BootstrapTaste

100+ Best Bootstrap templates and HTML Website Templates collections to build your website or app in 2023

Codrops | Keeping web professionals inspired & up-to-date since 2009

Founded in 2009, Codrops is a destination for web design and development enthusiasts. Our team is dedicated to providing high-quality, innovative content that explores the latest trends and techniques in the field, keeping web professionals up-to-date on the latest developments in the industry.

Google Analytics Academy

Improve your Analytics skills with free online courses from Google.

Ubersuggest

Text Shadow CSS Generator Online

Pick a predefined style from the gallery or generate a text shadow with your preferences. Set up the desired attributes to get the CSS code.

Brandmark Logo Maker - the most advanced AI logo design tool

Create a unique logo, business card and social media graphics in less than a minute. Build your brand identity with our generative AI.

Website Templates & WordPress Themes from Gridgum.com

Gridgum is a marketplace for responsive WordPress themes and premium website templates. Our aim is to provide the best collection of bootstrap responsive templates

Bootswatch: Free themes for Bootstrap

Free SSL Certificates and SSL Tools - ZeroSSL

Free SSL certificates issued instantly online, supporting ACME clients, SSL monitoring, quick validation and automated SSL renewal via ZeroSSL Bot or REST API.

Free HTML Landing Page Templates and UI Kits | UIdeck

Free HTML Landing Page Templates, Bootstrap Themes, React Templates, HTML Templates, Tailwind Templates, and UI Kits.

HTML Color Codes 🎨

The best color codes organized in named lists with in HEX and RGB values for all of your HTML, CSS, website, and other developer needs!

All Animation CSS

All Animation.css is a set of nice and crazy css animations made with the purpose to bring life and interactions to your project.

react-dropzone

React DnD

Drag and Drop for React

BuiltWith Technology Lookup

Web technology information profiler tool. Find out what a website is built with.

Resize Images Online - Resize JPG, BMP, GIF, PNG images

Resize JPG, PNG, GIF or BMP images online. Reduce image size to share it with friends or upload it to your social networks or websites.

D3 by Observable | The JavaScript library for bespoke data visualization

The JavaScript library for bespoke data visualization

iziModal.js

Elegant, responsive, flexible and lightweight modal plugin with jQuery. by Marcelo Dolza.

Rapid - The Next Generation API Hub

Use Rapid API Hub to Find, Connect, & Share 1000s of APIs using our Multi-cloud platform. Improve Developer Experience with API Design, Testing, Monitoring, & More!

Freenom - A Name for Everyone

Instamojo - eCommerce Website Builder for D2C Businesses - Create a Free Website on Instamojo

Sell online easily and directly to consumers. Run your online business with integrated payment gateway, shipping, analytics & more. Powering 20,00,000+ Indian businesses with powerful eCommerce features.

JS.ORG - the JavaScript organization

Dedicated to JavaScript and its awesome community since 2015

createapp - webpack/Parcel/Snowpack boilerplate generator

Frontend app generator. Create webpack config, Parcel app or Snowpack with React, Vue, Svelte, Typescript, babel, css modules, CSS, SASS, less, code splitting

Patterns.dev - Modern Web App Design Patterns

Patterns.dev is a free book on design patterns and component patterns for building powerful web apps with vanilla JavaScript and React

Khan Academy | Free Online Courses, Lessons & Practice

Learn for free about math, art, computer programming, economics, physics, chemistry, biology, medicine, finance, history, and more. Khan Academy is a nonprofit with the mission of providing a free, world-class education for anyone, anywhere.

Edabit

Learn web development | MDN

Welcome to the MDN learning area. This set of articles aims to guide complete beginners to web development with all that they need to start coding websites.

API for Automated Image and Video Generation - Bannerbear

The Bannerbear API helps you and your team auto-generate social media visuals, ecommerce banners, podcast videos and more

Super — Create Websites with Notion

Create a website in less than a minute with instant page loads, SEO optimization, and no-code theming. All your content is kept and managed in Notion so you can focus on creating while Super handles the rest.

Google for Education - Online Resources for Teachers & Students

Access educational and online tools for teachers and students, including lesson plans, apps and games to advance learning in the classroom at no cost.

Medium – Where good ideas find you.

Medium is an open platform where readers find dynamic thinking, and where expert and undiscovered voices can share their writing on any topic.

Fancy Border Radius Generator

A visual generator to build organic looking shapes with the help of CSS3 border-radius property

FAVPNG.com - Free Transparent PNG Images

Free Transparent PNG Images. Our database contains more than 16 million free transparent PNG files.

Free 3D hands illustrations | HANDZ

This is free 3D hands gestures library for any occasion

Glyphy → Copy & paste fancy fonts + cool symbols ☞✺✐™

Copy and paste 400+ fancy text fonts and 7k+ cool symbols to enhance your social profiles. Great for Instagram, Discord, Twitter, Facebook, and TikTok accounts!

Stylify Me - Online Style Guide Generator

Stylify Me was created to help designers quickly gain an overview of the style guide of a site, including colours, fonts, sizing and spacing.

FreePNGImg | Download Free PNG photo images clipart

Download free PNG images, pictures and cliparts with transparent background in best resolution and high quality(HQ) and icons. Available for Mobile, Dual Monitors, HD, Fullscreen and Widescreen.

Website Speed Test - Image Analysis Tool by Cloudinary

Optimized images improve page load time and user satisfaction. This tool provides measurable and actionable info about how to go beyond simple compression.

Code House - Store House of 300+ Developer Cheatsheets

Code House is the all in one storehouse for developer cheatsheets. Code House is made up of 300+ curated cheatsheets from 230+ sources. Filter by categories, or source, sort by time or popularity, dark mode, bookmark cheatsheets, add new cheatsheets, request feature, and much more features, make the app amazing!

Website Speed Test | Pingdom Tools

Use this free Website Speed Test to analyze the load speed of your websites, and learn how to make them faster.

Mesh | Create beautiful mesh gradients

Create beautiful gradients right in your browser

Haikei

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.

Personas by Draftbit | A playful avatar generator for the modern age.

A playful avatar generator for the modern age.

GitHub - saadq/resumake.io: 📝 A website for automatically generating elegant LaTeX resumes.

📝 A website for automatically generating elegant LaTeX resumes. - GitHub - saadq/resumake.io: 📝 A website for automatically generating elegant LaTeX resumes.

Themes — JSON Resume

JSON Resume is a community driven open source initiative to create a JSON based standard for resumes.

8,900+ Animated Icons - Lordicon

Powerful animated icon library with 8,900+ free and premium animated Lottie animations. Download icons as Lottie JSON, GIF, or static SVG files.

Yellow Color Codes

A list of YELLOW color codes and shades of yellow for HTML, CSS and website development with HEX and RGB codes.

AnimatiSS - A nice, colorful collection of CSS animations for your projects

AnimatiSS is a tool to preview custom CSS animations and grab their code with a simple click, to paste it into your own web projects

AudioMass - Audio Editor

AudioMass is a free full-featured web-based audio & waveform editing tool

Home - SmallDev.tools

FREE tools for developers like encoder/decoder, HTML/CSS/Javascript formatters, minifiers, fake or test data generators & much more.

Color Hex - ColorHexa.com

Color hex encyclopedia providing information about any color.

Sliderm - A Slider & Carousel JavaScript Library

A dependency-free, lightweight slider and carousel JavaScript library.

react-flickity-component - npm

react flickity component. Latest version: 4.0.6, last published: 4 months ago. Start using react-flickity-component in your project by running `npm i react-flickity-component`. There are 26 other projects in the npm registry using react-flickity-component.

GitHub - n3r4zzurr0/svg-spinners: A collection of 24 x 24 dp SVG spinners! (CSS & SMIL)

A collection of 24 x 24 dp SVG spinners! (CSS & SMIL) - GitHub - n3r4zzurr0/svg-spinners: A collection of 24 x 24 dp SVG spinners! (CSS & SMIL)

React Spinners | React Spinners

Spinner for react application

Pure CSS Loader - Optimized Spinners for Web · Loading.io

12 CSS spinners with CSS animation optimized in size, speed and dev-friendly for your next web project

GitHub - stereobooster/react-snap: 👻 Zero-configuration framework-agnostic static prerendering for SPAs

👻 Zero-configuration framework-agnostic static prerendering for SPAs - GitHub - stereobooster/react-snap: 👻 Zero-configuration framework-agnostic static prerendering for SPAs

react-snapshot - npm

A zero-configuration static pre-renderer for React apps. Starting by targeting Create React App (because it's great). Latest version: 1.3.0, last published: 6 years ago. Start using react-snapshot in your project by running `npm i react-snapshot`. There are 8 other projects in the npm registry using react-snapshot.

react-virtualized - npm

React components for efficiently rendering large, scrollable lists and tabular data. Latest version: 9.22.5, last published: 5 months ago. Start using react-virtualized in your project by running `npm i react-virtualized`. There are 1594 other projects in the npm registry using react-virtualized.

react-sizeme - npm

Make your React Components aware of their width and/or height!. Latest version: 3.0.2, last published: 2 years ago. Start using react-sizeme in your project by running `npm i react-sizeme`. There are 358 other projects in the npm registry using react-sizeme.

react-lottie - npm

lottie animation view for React. Latest version: 1.2.3, last published: 5 years ago. Start using react-lottie in your project by running `npm i react-lottie`. There are 318 other projects in the npm registry using react-lottie.

React Live Demo

Just a moment...

Mantine

TanStack | High Quality Open-Source Software for Web Developers

Headless, type-safe, powerful utilities for complex workflows like Data Management, Data Visualization, Charts, Tables, and UI Components.

tsParticles 🎉🎊 | JavaScript Confetti, Particles and Fireworks animations for your website

tsParticles - Easily create highly customizable confetti, particles and fireworks animations and use them as animated backgrounds for your website. Ready to use components available for React, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, Inferno.

confetti-js - npm

Easily Generate random confetti for your above-the-fold content. Latest version: 0.0.18, last published: 4 years ago. Start using confetti-js in your project by running `npm i confetti-js`. There are 15 other projects in the npm registry using confetti-js.

GitHub - locomotivemtl/locomotive-scroll: 🛤 Detection of elements in viewport & smooth scrolling with parallax.

🛤 Detection of elements in viewport & smooth scrolling with parallax. - GitHub - locomotivemtl/locomotive-scroll: 🛤 Detection of elements in viewport & smooth scrolling with parallax.

react-owl-carousel - npm

React.js + Owl Carousel. Latest version: 2.3.3, last published: 3 years ago. Start using react-owl-carousel in your project by running `npm i react-owl-carousel`. There are 13 other projects in the npm registry using react-owl-carousel.

react-simply-carousel - npm

A simple, lightweight, fully controlled isomorphic (with SSR support) React.js carousel component. Touch enabled and responsive. With support for autoplay and infinity options. Fully customizable. Latest version: 9.0.4, last published: 3 months ago. Start using react-simply-carousel in your project by running `npm i react-simply-carousel`. There are 3 other projects in the npm registry using react-simply-carousel.

cccolor: HEX, RGB & HSL color picker for HTML & CSS | fffuel

Simple online color picker for web designers, with color values automagically available as RGB, HSL, hex, or 8-digit hex (with alpha). Perfect for CSS and HTML.

Color Thief

Get the dominant color or color palette from an image.

Easing Gradients

Supercharge your gradients with non-linear color mix and custom color spaces.

Konva - JavaScript 2d canvas library

Konva is 2d Canvas JavaScript framework for drawings shapes, animations, node nesting, layering, filtering, event handling, drag and drop and much more.

react-new-window - npm

Pop a new window in React, using window.open API. Latest version: 1.0.1, last published: 10 months ago. Start using react-new-window in your project by running `npm i react-new-window`. There are 21 other projects in the npm registry using react-new-window.

Locomotive Scroll | Detection of elements in viewport & smooth scrolling with parallax effects.

Slickr - Try the most powerful cover image designer for hashnode blog

Enjoy creating cover image for your hashnode blog like never before, get started in seconds 🎉

GitMind

Free AI-powered collaborative mind mapping app. Create epic mind maps now！

Git Explorer

GitExplorer: Find the right git commands you need without digging through the web

Multiple.js

Multiple.js - An experiment in sharing background across multiple elements using CSS

A lightweight carousel library with fluid motion and great swipe precision | Embla Carousel

A lightweight carousel library with fluid motion and great swipe precision

PurgeCSS - Remove unused CSS | PurgeCSS

PurgeCSS is a tool to remove unused CSS from your project

cssFilters.co - Custom and Instagram like photo filters for CSS

Visual playground for generating CSS for custom and Instagram like photo filters. Experiment with your own uploaded photo or select one from the Unsplash collection.

Tools - colordesigner.io

List of all tools: Palette Generator, Gradient Generator, What Color Is This?

Flexplorer

Dive in to and explore the wonders of the CSS3 Flexible Box model.

Icon Ninja - 33350 vector icons and 700080 png icons for free download

Icon Ninja collects 700080 free icons in 16306 icon sets, including 33350 vector icons and 666730 transparent background png icons, also you can generate icon css sprites online

Graphics | Free Designs

Use our royalty-free Illustrations for your website, social media, blog, email newsletters, and anything else.

SVG Shape Generator – Create SVG shapes for your designs

A free SVG shape generator to create beautiful SVG blob shapes for your web design. Supports gradient, complexity levels and more!

CSS Animations Generator

Animatelo

Animatelo is a set of awesome, fun, and cross-browser animations based on Web Animations API for you to use in your projects.

Obnoxious.css

Animations for the strong of heart, and weak of mind.

Indraw - Designspace Library

Free Illustrations - Free To Use AI, PNG, SVG Illustrations

Sketchvalley Free Illustrations for your next personal or commercial project without attribution ✓ SVG ✓ PNG ✓ SKETCH ✓ AI ✓ FIGMA ✓ XD

Free CSS Media Query Generator by Simple CSS

CSS Media Query Generator for all screen sizes including laptop, tablet and mobile devices.

Free font ideas from Google fonts - Brandmark font generator

Find the best Google fonts with this AI-powered font generator

Bungee – Fonts for multi-color and vertical typography | David Jonathan Ross

Free Favicon Maker — Create SVG & PNG favicon in seconds!

Design a letter-based favicon like most big tech companies, or be playful and create an emoji-based favicon. Modern browsers supports SVG favicon. Be creative.

Duotone by ShapeFactory | Create Beautiful Free Duotones

Find beautiful free duotone images to use in any project, or make custom duotone images by uploading your own image and applying a duotone effect in seconds.

CSS triangle generator

CSS triangle generator - A generator for pure CSS triangle

CSS Ribbon Generator - CSS Portal

This generator will assist you in creating a pure CSS corner ribbon. CSS ribbons can be used when you want to display something important or eye catching to the user, such as, if you would like to show something is popular or new to your website.

Vectr

Free vector graphics editor

Blush: Illustrations for everyone

Blush makes it easy to add free illustrations to your designs. Play with fully customizable graphics made by artists across the globe.

Kukla 3d illustration constructor for UI designers — Wannathis

Fresh and trending 3D elements. Over 250 assets. With characters in different poses. Attention to details. Use as ready illustrations or create your own scenes.

|| Social Media Sizes 2023 + Templates || → SocialSizes.io

SocialSizes provides designers with the best sizes to use for Image and Video content on Social Media. Get downloadable templates for Sketch, Figma, Photoshop and Adobe XD (no more googling for everything).

Generate Mesh Gradients | Customize & Free Export PNG

Generate beautiful and colorful mesh gradients | Download Mesh Gradients PNG | Export mesh gradients PNG

SVG Gradient Wave Generator - Outpan

SVG Gradient Wave Generator: Generate your own favorite SVG Wave. Use gradients, randomness, and other parameters to generate gorgeous SVG waves to use in your next design! Copyright (c) 2019 by Fabio...

Pattern Monster - SVG Pattern Generator

A simple online pattern generator to create repeatable SVG patterns. Perfect for website backgrounds, apparel, branding, packaging design and more.

WhoCanUse

A tool that brings attention and understanding to how color contrast can affect people with different visual impairments.

Free icons by first-class designers | Iconstore

The IconStore is a library of free, vector (SVG) icons created by talented designers to download for commercial use.

pattern.css - Background Patterns in CSS

CSS only library to fill your empty background with beautiful patterns.

3dicons - Open source 3D icon library

1440+ beautifully crafted open-source 3D icons. You can use completely free and without attribution for personal or commercial project

GEE! ME | Free Vector Character Pack - 100 Characters Free Download

GEE! ME is a great set of flat graphics required, 100 cartoon characters and over 400 coolest objects. You can use it in any design or development projects. It’s completely free and just enjoy it~

Responsively App - A web developer's browser

A dev-tool that aids faster and precise responsive web development.

Color Picker — HTML Color Codes

Finding that perfect color is easier than you think. Use our color picker to discover beautiful colors and harmonies with Hex color codes and RGB values.

Ionicons: Premium Open Source Icon Pack for Ionic Framework

Ionicons is an open-sourced, and MIT-licensed icon pack. Download our premium designed icons for use in web, iOS, Android, and desktop apps.

Color Combinations | Color Schemes | Color Palettes

Social Share Preview – Check social media link previews

Check how the link previews of a website look like on Facebook, Twitter, LinkedIn & Pinterest. Use our ► debugger or install our ► free browser plugin!

async - npm

Higher-order functions and common patterns for asynchronous code. Latest version: 3.2.4, last published: a year ago. Start using async in your project by running `npm i async`. There are 33133 other projects in the npm registry using async.

loadtest - npm

Run load tests for your web application. Mostly ab-compatible interface, with an option to force requests per second. Includes an API for automated load testing.. Latest version: 8.0.3, last published: 5 days ago. Start using loadtest in your project by running `npm i loadtest`. There are 19 other projects in the npm registry using loadtest.

morgan - npm

HTTP request logger middleware for node.js. Latest version: 1.10.0, last published: 4 years ago. Start using morgan in your project by running `npm i morgan`. There are 8638 other projects in the npm registry using morgan.

Darkmode.js

🌓 Add darkmode / nightmode to your website in a few seconds

Search listening tool for market, customer & content research - AnswerThePublic

Use our free tool to get instant, raw search insights, direct from the minds of your customers. Upgrade to a paid plan to monitor for new ways that people talk & ask questions about your brand, product or topic.

SVG Repo - Free SVG Vectors and Icons

Free Vectors and Icons in SVG format. ✅ Download free mono or multi color vectors for commercial use. Search in 500.000+ Free SVG Vectors and Icons.

GitHub - jamiebuilds/react-loadable: :hourglass_flowing_sand: A higher order component for loading components with promises.

:hourglass_flowing_sand: A higher order component for loading components with promises. - GitHub - jamiebuilds/react-loadable: :hourglass_flowing_sand: A higher order component for loading components with promises.

GitHub - ctrlplusb/react-async-component: Resolve components asynchronously, with support for code splitting and advanced server side rendering use cases.

Resolve components asynchronously, with support for code splitting and advanced server side rendering use cases. - GitHub - ctrlplusb/react-async-component: Resolve components asynchronously, with support for code splitting and advanced server side rendering use cases.

react-headroom - npm

Hide your header until you need it. React.js port of headroom.js. Latest version: 3.2.1, last published: a year ago. Start using react-headroom in your project by running `npm i react-headroom`. There are 97 other projects in the npm registry using react-headroom.

React Hook Form - performant, flexible and extensible form library

React Hooks for Data Fetching – SWR

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.

Home - React Suite

A suite of React components, sensible UI design, and a friendly development experience.

Headless UI - Unstyled, fully accessible UI components

Plx - React parallax component

Plx - React parallax component. Lightweight, yet powerful.

@react-spring/parallax - npm

```bash yarn add @react-spring/parallax ```. Latest version: 9.7.3, last published: 3 months ago. Start using @react-spring/parallax in your project by running `npm i @react-spring/parallax`. There are 4 other projects in the npm registry using @react-spring/parallax.

react-parallax - npm

A React Component for parallax effect working in client-side and server-side rendering environment. Latest version: 3.5.1, last published: a year ago. Start using react-parallax in your project by running `npm i react-parallax`. There are 24 other projects in the npm registry using react-parallax.

react-popup - npm

React popup component from Minutemailer. Latest version: 0.11.2, last published: 5 days ago. Start using react-popup in your project by running `npm i react-popup`. There are 33 other projects in the npm registry using react-popup.

react-typewriter - npm

React components for automatic typing effects.. Latest version: 0.4.1, last published: 7 years ago. Start using react-typewriter in your project by running `npm i react-typewriter`. There are 2 other projects in the npm registry using react-typewriter.

Choreographer-js

A simple library to take care of complex CSS animations.

Masonry

Cascading grid layout library

Home | Owl Carousel | 2.3.4

Touch enabled jQuery plugin that lets you create beautiful responsive carousel slider.

React Alice Carousel Demo

Remix Icon - Open source icon library

Remix Icon is a set of open source neutral style system symbols elaborately crafted for designers and developers. All of the icons are free to use for both personal and commercial.

Base64 Image Encoder

Optimize your images and convert them to base64 online. Drag & Drop your files, copy to clipboard with a click and use the result in HTML and CSS.

P. C. M. 0.25

Parametric Color Mixer

Paletton - The Color Scheme Designer

In love with colors, since 2002. A designer tool for creating color combinations that work together well. Formerly known as Color Scheme Designer. Use the color wheel to create great color palettes.

CSS Loader Generator - CSS Portal

Generate the perfect loader with our online collection of spinners and loaders for CSS, currently 310 to select from.

Grid Garden - A game for learning CSS grid layout