25 Great Dribbble Shots Turned Into Codepen

CodePen is the perfect place to share code and play with ideas and concepts in a sandbox and Dribbble is the ultimate sandbox for designers — a place where front-end developer can find examples, and try to implement them in CSS. It`s good practice to go on dribbble, find some interesting design and try to code that. So if need some front-end inspiration, here are some 25 Great Dribbble Shots Turned Into Codepen.

Page control animations

 Page control animations

Menu App Interface

 Menu App Interface

CSS-only Weather App Concept

 CSS-only Weather App Concept

Responsive Mail UI

 Responsive Mail UI

Movie app UI

 Responsive movie app UI

CSS-only Colorful Calendar Concept

 CSS-only Colorful Calendar Concept

Secret Project

 Secret Project

Hand animation – loading

 Hand animation - loading

Visual Music Player

 Visual Music Player

Elastic Pull To Refresh Concept

 Elastic Pull To Refresh Concept

Login Box Concept

 Login Box Concept

Modal window destroy concept

 Modal window destroy concept

Login/Logout animation concept

 Login/Logout animation concept

CSS-only Coffee App

 CSS-only Coffee App Concept

CSS/SVG Lines App Concept

 CSS/SVG Lines App Concept

Recipe Card

 Recipe Card

Music Player

 Daily UI #002: Music Player

Navigation Bar

 Navigation Bar by Jan Kadera

Guided tour tooltip

 Guided tour tooltip

Dots from Dribbble

 Dots from Dribbble

CSS Exploration App Concept

 CSS Exploration App Concept

Jelly Nav

 Jelly Nav

Food Widget

 Food Widget by Andreea Nicolaescu

Task Progress Meter

 Task Progress Meter

Infographic Pie

 Infographic Pie (SVG based)

Leave a comment

Please be polite. We appreciate that. Your email address will not be published and required fields are marked

This site uses Akismet to reduce spam. Learn how your comment data is processed.