A responsive and colorful Profile Card concept. The card has a nice material design with some gradients textures on background and buttons. It is s...

A responsive and colorful Profile Card concept. The card has a nice material design with some gradients textures on background and buttons. It is structured with HTML, styled with Sass CSS and makes use of JavaScript for controlling the actions on buttons. Created by CodePen user Muhammed Erdem.

A set of neat looking CSS social media icons created by Codepen user rajeshdn, these icons have a great looking glow effect displaying the color mo...

A set of neat looking CSS social media icons created by Codepen user rajeshdn, these icons have a great looking glow effect displaying the color most associated with each one of the most widely used social apps such as Facebook, Twitter, Instagram, Google+, and Whatsapp.

This is a widget that shows your GitHub details and that you can embed in any website. All you have to do is add the code to your HTML, replacing t...

This is a widget that shows your GitHub details and that you can embed in any website. All you have to do is add the code to your HTML, replacing the value with your own GitHub username and your details will be displayed.

This useful snippet uses HTML alongside pure CSS to create an animated share button. The hover and click animations can be edited using the 'transf...

This useful snippet uses HTML alongside pure CSS to create an animated share button. The hover and click animations can be edited using the 'transform' parameter in CSS, as well as the heart icon and the hover text.

A menu button featuring social connections with a smooth radial deployment effect from a hamburger icon, round social icons. Facebook, Twitter, Git...

A menu button featuring social connections with a smooth radial deployment effect from a hamburger icon, round social icons. Facebook, Twitter, GitHub and LinkedIn are among them.

An elegant CSS chat designed for business, delivering an elegant appearance. Contains a vivid layout making it minimalistic and professional. It of...

An elegant CSS chat designed for business, delivering an elegant appearance. Contains a vivid layout making it minimalistic and professional. It offers a dynamic scrolling transition between the profile avatar and the chat grid.

Improve social sharing in your site with this widget. Its clean design is intended to make a good impression, while the addition of comments and th...

Improve social sharing in your site with this widget. Its clean design is intended to make a good impression, while the addition of comments and the ability to “like” the content will allow your website to have more movement and engagement from your users.

Here we have a funny and chic set of information boxes, which can be stacked and unstacked when the mouse pointer is over them. The cool thing abou...

Here we have a funny and chic set of information boxes, which can be stacked and unstacked when the mouse pointer is over them. The cool thing about them is that when the mouse is over one of them, the focus centers on it without outshining the rest. They have a minimal style and they are composed of a title, an image space and a description container.

This simple box defines a structured way to display the information about a profile, copyright or any biographic data. It includes three basic elem...

This simple box defines a structured way to display the information about a profile, copyright or any biographic data. It includes three basic elements such as the title area, complemented with a contrasting color, the content container, where you can include text and links, and the image area. The image and the content are animated. This code experiment was created by Assaf Gelber on Codepen.

Microsoft have done a wonderful job with their flat and simple style, and this freebie represents a lovely Metro-style Twitter feed that keeps that...

Microsoft have done a wonderful job with their flat and simple style, and this freebie represents a lovely Metro-style Twitter feed that keeps that line of design and can also be implemented in an app for this OS. It contains various states for different tweets, links, and timing, and it also gives you the option to add a follow link.

This is a set of elegant and simple boxes to schedule daily tasks. It includes buttons to edit, change date and delete. You can add a title, a desc...

This is a set of elegant and simple boxes to schedule daily tasks. It includes buttons to edit, change date and delete. You can add a title, a descriptive image and due time. The design is within the lens and the layout is simple and clean, complemented with beautiful shadows. They are done in CSS by Vlad Alexandru.

A cool Twitter profile box conceived for providing quick information about the user, displaying tweet count, followers and the bio. The background ...

A cool Twitter profile box conceived for providing quick information about the user, displaying tweet count, followers and the bio. The background picture is fetched from the actual cover on the users' profiles. This Twitter profile was created by Elliott Regan from CodePen and inspired in a Dribbble shot created by Edwin Delgado.