Discover 1723 Web Development Tools, Articles, Libraries and Resources!

Latest

Show all
Buttons.cool

Buttons.cool→

A collection of free HTML and CSS button code examples

buttons.cool

Dev Hunt

Dev Hunt→

A launchpad for dev tools, built by developers for developers, open source, and fair.

devhunt.org

hyperdx

hyperdx→

An open source observability platform to resolve production issues using unifying session replays, logs, metrics, traces and errors.

github.com

Transparent Textures

Transparent Textures→

A large collection of CSS patterns, which can be filtered and colorized.

transparenttextures.com

CustIcon

CustIcon→

A largest database of free icons in SVG format.

custicon.com

Elysia

Elysia→

A fast and friendly bun web framework with end-to-end type safety and great developer experience.

elysiajs.com

JavaScript

Show all
Nue

Nue→

A powerful React/Vue/Vite/Astro alternative with separation of concerns and universal hot reloading.

nuejs.org

Storylite

Storylite→

A lightweight alternative to StoryBook, built on top of Vite.

github.com

particles.js

particles.js→

A lightweight JavaScript library for creating particles.

vincentgarreau.com

blog-cells

blog-cells→

A script to add interactive code cells to any webpage, similar to Jupyter or ObservableHQ.

github.io

Vanilla JavaScript Reactivity

Vanilla JavaScript Reactivity→

An article that teaches patterns for reactivity with modern vanilla JavaScript.

frontendmasters.com

Lightning CSS

Lightning CSS→

An extremely fast CSS parser, transformer, bundler, and minifier.

lightningcss.dev

CSS

Show all
CSS Box Shadows Generator

CSS Box Shadows Generator→

A tool to create, edit, and generate multiple custom CSS box shadows with ease.

boxshadows.xyz

CSS Loaders

CSS Loaders→

A collection of more than 500 CSS-only loading animations using a single element.

css-loaders.com

Lightning CSS

Lightning CSS→

An extremely fast CSS parser, transformer, bundler, and minifier.

lightningcss.dev

Sakura

Sakura→

A minimal classless CSS framework with multiple themes.

oxal.org

Creating responsive data tables with CSS

Creating responsive data tables with CSS→

An article explaining techniques for making tables accessible and easy to use on mobile devices.

logrocket.com

SmolCSS

SmolCSS→

Minimal snippets for modern CSS layouts and components

smolcss.dev

Tools

Show all
Mock Mock

Mock Mock→

A website to create 3D animated & still shots of your mockups.

netlify.app

Linear easing generator

Linear easing generator→

A website to generate linear() easings from JavaScript and SVG.

netlify.app

Supermotion

Supermotion→

A tool to create beautiful sharable videos from static & video assets.

supermotion.co

RecipeUI

RecipeUI→

An open-source Postman alternative with type safety.

recipeui.com

Maily

Maily→

A free and open-source editor that makes it easy to craft beautiful emails. It comes with a set of pre-built components.

maily.to

CSS Box Shadows Generator

CSS Box Shadows Generator→

A tool to create, edit, and generate multiple custom CSS box shadows with ease.

boxshadows.xyz

React

Show all
puck

puck→

A self-hosted drag and drop editor for React.

github.com

react-tweet

react-tweet→

A React library to embed tweets in your React application.

github.com

React Email

React Email→

A collection of high-quality, unstyled components for creating beautiful emails.

react.email

Waku

Waku→

A minimalist React framework with server components.

waku.gg

frolic-react

frolic-react→

A React component library to build analytics dashboard.

github.com

Prismane

Prismane→

A React UI library with 107+ components, 484+ themes, and 20+ custom hooks.

prismane.io

Articles

Show all
`make` as a Static Site Generator

`make` as a Static Site Generator→

A small article that explains how to create a SSG using Makefile.

karl.berlin

Creating Dynamic README.md File

Creating Dynamic README.md File→

An interesting article about creating a dynamic Github profile using GitHub Actions.

dev.to

Even More SVG Tricks

Even More SVG Tricks→

An article by Chris Coyier with a lot of cool SVG demos.

codepen.io

Mastering SEO for Developers

Mastering SEO for Developers→

A guide for developers looking to optimize their websites for search engines.

git-tower.com

Learn Privacy

Learn Privacy→

A course to help you build more privacy-preserving websites.

web.dev

Vanilla JavaScript Reactivity

Vanilla JavaScript Reactivity→

An article that teaches patterns for reactivity with modern vanilla JavaScript.

frontendmasters.com

Design

Show all
OpenMoji

OpenMoji→

Open source emojis for designers, developers and everyone else.

openmoji.org

Design Hacks
Sponsored

Design Hacks→

A free newsletter of UX and UI design tips and tactics. Improve your design skills in 5-minute lessons.

sparklp.co

Bunny Fonts

Bunny Fonts→

A website to explore faster & GDPR friendly Fonts.

bunny.net

Pattern Library

Pattern Library→

A compiled list of beautiful patterns by different designers.

thepatternlibrary.com

Solar Icon Set

Solar Icon Set→

A large icon library consisting of pictograms that are modern in style.

github.com

Feather

Feather→

A collection of simply beautiful open source icons with an emphasis on simplicity, consistency and readability.

feathericons.com

Libraries

Show all
better-select

better-select→

A minimal custom web component for a better select tag.

github.com

particles.js

particles.js→

A lightweight JavaScript library for creating particles.

vincentgarreau.com

UI Verse

UI Verse→

An open-source library of free and customizable UI elements made with CSS or Tailwind.

uiverse.io

frolic-react

frolic-react→

A React component library to build analytics dashboard.

github.com

ikun-ui

ikun-ui→

A fast and beautiful Svelte.js based UnoCSS UI library based component library.

netlify.app

outlines

outlines→

A library for fast and reliable neural text generation.

github.com

Other

Show all
Oh My Git!

Oh My Git!→

An open source game about learning Git.

ohmygit.org

deVStudio

deVStudio→

A mobile App to run Visual Studio Code on Android.

google.com

Code Diagram

Code Diagram→

An extension for Visual Studio Code to create code flow diagrams quickly from inside your VSCode tabs.

visualstudio.com

Insanely Useful Websites
Sponsored

Insanely Useful Websites→

A weekly newsletter to discover insanely useful websites you didn't know existed.

insanelyusefulwebsites.com

DevTools Tips

DevTools Tips→

A collection of helpful cross-browser DevTools tips and tricks.

devtoolstips.org

ProductSlide

ProductSlide→

A website that helps you to easily discover & promote products.

productslide.com