10+ Examples of Responsive Websites That Got It Right
Sponsored
How do you make sure your website will look good on every browser and device? Take a look at these responsive web designs and you’ll discover how.
template
Animated Image Columns
By Mary Lou on
An experimental web layout where several image columns get animated out when a menu item is clicked.
Page Flip Layout
By Mary Lou on
A template with a two-sided, magazine-like layout and a flat page flip animation. The layout is powered by CSS Grid.
Grid Layout with Scrollable Content View
By Mary Lou on
A Masonry-powered grid layout with a motion hover effect on the grid items and a scrollable content view.
Freebie: “Libre” Web App Template
By Amie Chen on
Libre is a responsive single page app template that was designed for developers who want to create collection management-like projects.
Freebie: “Oasis” Jekyll Website Template
By Amie Chen on
A responsive Jekyll template designed for developers who want to set up a small landing page for their mobile applications.
Freebie: “Dropcast” Website Template (HTML, Sketch)
By Amie Chen on
Dropcast is a responsive HTML/CSS/Javascript template, comes with Sketch files and a fully working site with SCSS. It works very well for podcasts landing pages or b
Outdoors Template
By Mary Lou on
An implementation of Gil Huybrecht's “Outdoors” design project powered by layered CSS grids.
Freebie: “Scribbler” Website Template (HTML, Sketch)
By Amie Chen on
A responsive HTML template for coding projects with a clean, user friendly design. Crafted with the latest web technologies, the template is suitable for landing pag
Surf Report Template
By Mary Lou on
A simple template of a weekly surf report with an animated SVG graph and a sliding content panel. The layout is powered by flexbox and viewport units. Highly experim
Above & Beneath: Featured Content Layout Effect
By Mary Lou on
A landing page template with a featured content section and background sounds that change according to the view.
Freebie: “Land.io” UI Kit + Landing Page Template (HTML)
By Taty Grassini on
Land.io is a carefully crafted landing page UI kit and landing page template built on Bootstrap 4, designed by Peter Finlan and developed by Taty Grassini.
Freebie: “Land.io” UI Kit + Landing Page Design (Sketch)
By Peter Finlan on
A versatile landing page UI kit designed in Sketch with thoughtfully crafted website elements that will take your website project to the next level.
Freebie: “Sedna” One Page Website Template (HTML5, Sketch)
By Peter Finlan on
Sedna is an elegant and versatile one page website template that was implemented with the latest web technologies and with easy reusability in mind. The Sketch file
Freebie: “Cardio” One Page Website Template
By PHI RHYTHMUS on
A clean and modern one page website template built with Bootstrap. The responsive HTML template has a gym related theme but can be easily fitted to any kind of conte
Photography Website Concept
By Mary Lou on
A photography-inspired website layout with an expanding stack slider and a background image tilt effect.
Grid Item Animation Layout
By Mary Lou on
A responsive, magazine-like website layout with a grid item animation effect that happens when opening the content.
Freebie: “Forkio” One Page Website Template
By Team Codrops on
A responsive Bootstrap website template made by the folks from Pixel Buddha and PSD2HTML. The elegant one-page design is perfect for web dev, apps or software relate