We searched the web for 20 more awesome HTML and CSS freebies for you to download and use in your projects! These free HTML and CSS freebies will save you a lot of time when creating websites or developing apps! They all have premium designs and very high quality codes. Here you go!
Meet Cody!
Cody is a great resources for web designers: it’s a library of FREE and ready-to-use html/css/js snippets. You can use them to speed up your projects, or to learn some new tricks. Right now the library has few resources but it’s growing fast!
Dribbble Profile web module
Here’s a free ‘Dribbble Profile’ module for your website. It’s ready-to-go and you can insert it in any page on your website to showcase your always up-to-date profile. It features your profile summary together with the last shot.
Free HTML Template
This is a complete HTML template for free. You can download the package via the link above.
Free Bootstrap Skin
Free Skin for Bootstrap with LESS files included, colorful Bootstrap skin, panels style, wells style, list groups, progress bars, navbars, dropdown menus and buttons.
Unfolding Menu Animation
This is a cool unfolding menu animation. There is no jQuery in this snippet so it’s a CSS only demo. The expansion animation pushes the other menu items down giving it a smooth look.
IOS Toggle CSS
The designer decided to recreate the iOS 7 toggle button in HTML and CSS. I really love the bounciness of the new toggle. This recreation isn’t perfect, but it’s pretty close.
Long Shadows CSS Experiment
This is a great experiment of creating trendy shadows and making them possible through code. The designer used jQuery + CSS.
Freebie – Navigation (Free PSD and CSS)
This is a pixel-perfect design for a navigation bar / social navigation element. It’s designed to expand horizontally, showing either a set of navigation links, or social links. Both versions are included (with icons for Dribbble, Pinterest, Twitter, Facebook, Vimeo, Skype, and StumbleUpon), as well as a fully-coded HTML/CSS version.
Responsive Layout with Navigation Drawer
This is a responsive layout that will automatically tuck the Navigation into the drawer depending on the device/screen size. It’s built with CSS animations (and some jQuery) so it’s super smooth on iOS and Android devices. I hope you guys are able to use it.
Mini Timer CSS
This was made in CSS! It’s a great mini timer tested only for Firefox, Chrome and Opera browsers.
CSShrome
This is a really cool code you can add to your own website. It’s perfect for portfolios!
The Professor
This was created in HTML+CSS3. It’s a great profile element, perfect for social media websites or more! Use it for free!
CSS3 Instawidget Script
For fun… Instawidget CSS3! It is a great script with a cool design. The folded element looks great!
CSS-only Flipping Music Player
The designer has created this little thingy with CSS only, just for fun/learning purposes. Feel free to use it if you need to! Feedback is welcome!
CSS Circular Subscribe Form
This is a circular subscribe form with a cool design. Tested in Webkit only, but I assume it should look alright in the other browsers (apart from IE).
Sliding Image Divider
Here is a jQuery animated image divider. Use it for free as you please! Looks great!
Login/Register Form
Here is a free Login/Register form (entirely in HTML/CSS) to use in your web app or website. Feedbacks appreciated!
CSS Only Flat Container
This flat container was done with CSS only. It’s a trendy, flat circle icon containers code. Looks wonderful!
Incoming Call
This is an incoming call element already coded. It has a nice design. Very nice and effective composition also!
Candy UI CSS
The designer was really inspired by a little piece of UI by Kamil Khadeyev and thought it will be really nice to replicate it using CSS. Flipping animation at start was made with use of awesome Animate.css library.
