Undesign | Code snippets

Darkmode.js

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

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

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.

The Power of CSS Blend Modes

A blog post showing how to make nice effects with CSS Blend Modes

Tweetic

Convert Tweets to Static HTML

L

Loaders

Free loaders & spinners for your next project. Built with HTML, CSS and a soupçon of SVG.

CSS UI

Pure CSS interactive components without any Javascript at all.

Creating Generative SVG Grids

Learn how to create colorful, generative grid designs with JavaScript and SVG!

Website Notification Bar Generator

Use this tool to generate a fully custom announcement bar in a few quick steps.

Free JavaScript Scroll To Top Button Generator

Generate a scroll to top button in a few seconds

D

Defensive CSS

A list of defensive CSS techniques to avoid potential future issues

Animista

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.

Giscus

A comments widget built on GitHub Discussions.