100+ Best Web Development Tools

Optimize SVG files for better performance and size reduction.

Generate a fully functional web-app from a single prompt.

Quickly design, develop, test, and launch web applications without coding.

Open-Source UI elements made with CSS and HTML

Low level component library for building accessible high level UI libraries, design systems and applications with React.

A collection of components that will reliably help you build your application in a snap.

A library of React Hooks that provides accessible UI primitives for your design system.

Bring your components to life with simple spring animation primitives for React.

A composable charting library built on React components

A React implementation of Spectrum, Adobe’s design system.

A library for creating themeable user interfaces based on constraint-based design principles.

The world's second most popular React UI framework.

Themeable components for React & React Native.

The ultimate collection of design-agnostic, flexible and accessible React UI Components.

A React UI Framework for building ambitious products on the web. Brought to you by Segment.

A React-based UI toolkit for the web.

The official Semantic-UI-React integration.

A design library in use at Elastic to build internal products that need to share our aesthetics.

Transform SVGs into React components.

A collection of free Tailwind CSS components that can be used in your next project.

A free collection of Tailwind blocks & components.

A tailwind css component library.

Beautiful and responsive UI components and templates for React and Vue with Tailwind CSS.

250 components and templates for React, VueJS and Angular.

Mobile UI components built with Tailwind CSS.

Expertly made, responsive, accessible components in React and HTML ready to be used on your website or app.

An opinionated toast component for React.

A library of animations, sliders, tooltips, accordions, modals, and more!

One branded theme…all the frameworks! UI components that work in React, Vue 3, and Svelte.

A Tailwind plugin for building web applications. It has a set of accessible and reusable components commonly used in web applications.

A repository of free components built with tailwindcss. Every component is responsive and customizable.

Modern - Customizable Tailwind CSS UI components.

CSS-in-JS with near-zero runtime, SSR, multi-variant support, and a best-in-class developer experience.

Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.

A pure JavaScript library for client-side non-blocking notifications, popup boxes, loading indicators, and more.

A free repository of open source Tailwind CSS components and templates to bootstrap your new apps, projects or landing sites.

A beautiful replacement for JavaScript's 'alert'.

Simple CSS spinners.

CSS spinners collection with Vue.js integration.

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

A free Twitter Bootstrap Framework design and Theme, this responsive framework includes a PSD and HTML version.

Predefined Material UI components.

Open Source JavaScript Charts for your website.

An Open Source JavaScript visualization library.

Modern, Open Source SVG charts.

Nivo provides a rich set of dataviz components, built on top of D3 and React.

With ProgressBar.js, it's easy to create responsive and stylish progress bars for the web.

A jQuery plugin that lets you subtly change your headers to make them match the content as you scroll.

A lightweight JavaScript class that allows you to animate SVGs, giving them the appearence of being drawn.

The animator's JavaScript toolbox

A JavaScript animation engine for modern browsers.

Create fluid and interactive gradient animations with this small javascript library.

The easiest way to get a parallax effect with javascript.

The most modern free mobile touch slider with hardware accelerated transitions and amazing native behavior.

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

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

Create badass, fluid and smooth transitions between your website’s pages.

A responsive carousel jQuery plugin that supports multiple breakpoints, CSS3 transitions, touch events/swiping & more.

Lightbox is a script used to overlay images on the current page. It's a snap to setup and works on all modern browsers.

The official website for mojs.

A lightweight JavaScript library for creating particles.

Easily create highly customizable particles, confetti and fireworks animations and use them as animated backgrounds for your website.

A small JavaScript library to create and animate hand-drawn annotations on a web page.

Animate on scroll library.

Chocolat.js enables you to display one or several images staying on the same page.

A lightweight, free and open-source JavaScript library to create stunning touch-friendly 3D parallax hover effects.

An incredibly fast animation engine for motion designers.

A javascript animation library with a professional motion design toolset.

A lightweight, flexible and accessible slider/carousel written in TypeScript. No dependencies, no Lighthouse errors.

A JavaScript animation library from GreenSock that lets you craft high-performance animations that work in every major browser.

Animated website backgrounds in a few lines of code.

Splitting creates elements and adds CSS variables to unlock amazing possibilities for animating text, grids, and more!

A library of ready-to-use, cross-browser animations for you to use in your projects.

Javascript animation engine.

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

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

Easy-to-use classes that will add different kind of shake to each part of your site.

A collection of CSS3 powered hover effects

A Library to raise your web design without coding.

A free tool that helps you easily create amazing SVG drawing animations by animating stroke and fill properties of your SVG graphics.

The first composable CSS animation toolkit.

Tasty CSS-animated hamburgers.

Collection of CSS loaders and Spinners with their codes.

A new animation library, built on the Web Animations API for the smallest filesize and the fastest performance.

No need to Download Animate.css, Just copy the code.

Create small, reusable CSS that scales as your website grows.

A Banner collection of Tailwind CSS UI blocks containing tons of professionally designed components, templates and themes.

Build modern websites faster with Axentix.

The instant on-demand Atomic CSS engine.

A forward-thinking library of web components.