📋

Code snippets

37 best free snippets and libraries to get inspired and build faster websites

Darkmode.js

Add a dark-mode / night-mode to your website in a few seconds

Super Undesigner
Super Undesigner

30 seconds of code

Short code snippets for all your development needs

brusher

A lightweight library to create interactive backgrounds.

Carbon

Create and share beautiful images of your source code.

Medium.css

Compact typography for the web

Instant.page

Make your site’s pages instant in 1 minute and improve your conversion rate by 1%

TogetherJS

A service for your website that makes it surprisingly easy to collaborate in real-time.

gitmoji

An emoji guide for your commit messages

CSSeffectsSnippets

A collection of CSS effects with a click to copy.

Tobias Ahlin

A blog about CSS, design, and animation

CSS HOUDINI

CSS Experiments using Houdini

Codyhouse

Kick-start your web projects with CodyHouse's CSS framework and library of accessible HTML, CSS, JavaScript components.

Codrops

Useful resources and inspiration for creative minds

Codepen

CodePen is a social development environment for front-end designers and developers.

Animista

CSS animation generator

CSSFX

A carefully crafted collection designed with a focus on fluidity, simplicity, and ease of use. Powered by CSS with minimal markup. Completely open source and MIT licensed.

useAnimations

Animated icons in Lottie Framework and After Effects for immediate implementation to your apps or websites.

CSS Grid Generator

A generator that uses css-grid to generate your own grid

Freebies. ByPeople

A professionally curated selection of commercial use resources and tools for designers and developers, conveniently collected and categorized in one place.

C

CSS Layouts

A collection of popular layouts and patterns made with CSS

S

Smooth Shadow Generator

Make a multilayer smooth shadow

Tailwind UI

Tailwind UI is a collection of professionally designed, pre-built, fully responsive HTML snippets you can drop into your Tailwind projects.

Classless CSS

This is a list of CSS themes and frameworks that do not require you to add their classes to your HTML elements

E

Emojis as Favicons

A collaborative experiment by WeTransfer

p

pattern.css

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

1

1loc

Javascript utilities in one line of code

<

</dom>

Manage HTML DOM with vanilla JavaScript

Observable

Observable is the magic notebook for exploring data and thinking with code.

CodeBottle

Discover new and cool snippets made by developers, from around the entire world.

Papers With Code

Papers With Code highlights trending ML research and the code to implement it.

Beautiful CSS 3D Transform Examples

CSS 3D transforms create depth and visually interesting elements on your page using perspective.

Turbo

The speed of a single-page web application without having to write any JavaScript.

Ray

Create beautiful images of your code

c

conic.css

Nice, simple conic gradients

G

Gooey

Turn (almost) any Python command line program into a full GUI application with one line

Boring avatars

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

T

Type Scale Clamp Generator

A type scale generator using clamp() css property