CodePen
CodePen is a social front-end development environment. Write code in the browser, and see the results of it as you build. Browse the community to find inspiration and MIT licensed code snippets.
More from Inspiration
View all Inspiration
Tailspark Tailwind Component Library
300+ TailwindCSS components to build your site in minutes. One-click copy and paste with the full source code and Figma files.
SaaS Shots
Hand-picked design patterns from real SaaS products.
Landing Pages Explained
The only collection of leading SaaS and creator landing pages with expert explanations of the ideas used to increase conversion.
CodyHouse Components
A library of customizable HTML, CSS, JS web components compatible with CodyFrame and Tailwind.
Inclusive Components
A blog trying to be a pattern library. All about designing inclusive web interfaces, piece by piece.
CodePen Hall of Fame
A curated collection of some legendary CodePens, showcasing the very best in the creative code!
The Style of Scarcity
Luxury design and font inspiration from the world's most prestigious brands.
Type Hunting
An on-going archive of found fonts and typography. Photographed & curated by Jonathan Lawrence.
DarkModes
A collection of the best dark mode implementations on the Internet.
UIverse
Universe of UI elements made with CSS & HTML, ready to be used in your project. All code is open-source and free for personal or commercial use.
The Yesterweb
This site is dedicated to a community (and a larger movement) about the internet how it's changed. We are creating, discovering and enjoying websites and digital spaces.
TidyMails
Search email newsletters archives. Explore newsletters without subscribing brands. Discover brands and new arrivals.
But wait, there's more! 🧰✨
Check out the sidebar menu (or tap the in the bottom right on mobiles) to search and browse by tag.