Quantcast
Channel: template – Codrops
Browsing all 36 articles
Browse latest View live

Image may be NSFW.
Clik here to view.

Above & Beneath: Featured Content Layout Effect

View demo Download source Today we’d like to share a little aquatic landing page template with some special effects with you. The idea is to show a big headline in the initial view and when a...

View Article


Image may be NSFW.
Clik here to view.

Surf Report Template

View demo Download source Today we’d like to share a little template with you. This flexbox-based layout represents a weekly (5-day) surf report which shows some data of the day, like temperatures and...

View Article


Image may be NSFW.
Clik here to view.

Freebie: “Scribbler” Website Template (HTML, Sketch)

Today we’d love to share a responsive HTML template for coding projects and documentations with you. Scribbler was designed for developers who want to set up a small landing page and a...

View Article

Image may be NSFW.
Clik here to view.

Outdoors Template

Today we’re very excited to share an experimental implementation of one of Gil Huybrecht’s designs with you. Gil creates fantastic signature designs with amazing animations and he kindly permitted us...

View Article

Image may be NSFW.
Clik here to view.

Freebie: “Dropcast” Website Template (HTML, Sketch)

Today we’re thrilled to share another modern, responsive HTML template for podcasts with you. Dropcast is a responsive HTML/CSS/Javascript template which comes with Sketch files and a fully working...

View Article


Image may be NSFW.
Clik here to view.

Freebie: “Oasis” Jekyll Website Template

Today we’d like to share Oasis, a responsive Jekyll template with you. Oasis was designed for developers who want to set up a small landing page for their mobile applications. It is made with...

View Article

Image may be NSFW.
Clik here to view.

Freebie: “Libre” Web App Template

Today we’d like to share Libre, a responsive single page app template with you. Libre was designed for developers who want to create collection management-like projects (e.g. books, music, podcasts,...

View Article

Image may be NSFW.
Clik here to view.

Grid Layout with Scrollable Content View

Today we’d like to share a Masonry-powered grid layout with you that has a motion hover effect on the items and a content preview that is scrollable. Once a grid item is clicked, we animate the image...

View Article


Image may be NSFW.
Clik here to view.

Page Flip Layout

Today we’d like to share a flat take on a magazine-like layout with a “page flip” animation. When navigating, the content gets covered and then the next “pages” show. Depending on how far the pages are...

View Article


Image may be NSFW.
Clik here to view.

Animated Image Columns

Today we’d like to share a little layout with you. The idea is based on the current trend of a grid layout where the columns are animated. You can see this kind of animation in Aristide Benoist’s...

View Article

Image may be NSFW.
Clik here to view.

10+ Examples of Responsive Websites That Got It Right

When designing a new website, there’s a long list of specifications and requirements you have to fulfill. It’s just the nature of web design these days. And at the top of that list sits responsive web...

View Article

Freebie: “Cardio” One Page Website Template

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 content.

View Article

Freebie: “Sedna” One Page Website Template (HTML5, Sketch)

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 is included as a bonus.

View Article


Freebie: “Land.io” UI Kit + Landing Page Design (Sketch)

A versatile landing page UI kit designed in Sketch with thoughtfully crafted website elements that will take your website project to the next level.

View Article

Freebie: “Land.io” UI Kit + Landing Page Template (HTML)

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.

View Article


The Process of Building a CSS Framework

A behind-the-scenes look at making a CSS framework and a tutorial on how to build a website with it.

View Article
Browsing all 36 articles
Browse latest View live