30 seconds of code
Short code snippets for all your development needs
📋
Code snippets
34 best free snippets and libraries to get inspired and build faster websites
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
Darkmode.js
Add a dark-mode / night-mode to your website in a few seconds
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