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
BBC GEL
Welcome to BBC UX&D. We do the layer between people and technology. Every day, we focus on the stuff that makes things special, as well as the stuff that makes things happen.
The Whimsical Web
A curated list of websites with an extra bit of fun.
GOV.UK Design System
Thoroughly researched, industry leading design system for public services by the UK Government Digital Service. Great for inspiration & best practice on patterns and components.
Adele
The repository of publicly available design systems and pattern libraries.
SiteInspire
Creative web design inspiration showcase.
Landingfolio
Landing page design inspiration showcase.
Media Queries
Responsive web design showcase.
Ideas Grab
Collection of over 3,000 ideas. Mostly naff, but hopefully some good brainstorming juice!
CSS Buttons
A collection of over 50 HTML & CSS buttons.
Copy Ipsum
Copy Ipsum is a Webflow HTML landing page template that shows you how to structure your web copy.
Land-book
Landing page inspiration gallery.
Frontend Practice
A collection of real websites to recreate for practice with hints and tips.