In this post, I would like to share with you a hand-picked list of 80+ best loading spinners animated with pure CSS/CSS3 for your next project, for inspiration, or for your particular users who have Javascript DISABLED.
In this post we’re going to take a look at an unique list of Top 10 javascript/CSS based grid layouts I found around the world.
In this post, I would like to introduce Top 60 HTML/CSS3 Front-end Frameworks listed below that are most popular on the web as well as having most stars on the github.com.
Tired of writing complex CSS rules to create a responsive grid layout for modern web design? CSS Grid Generator is an online tool which helps developers to quickly generate modern grid layout using CSS grid system. How to use it: 1. Visit the CSS Grid Generator. 2. Specify the number of columns, rows, paddings, margins and adjust the fractional unit. 3. Copy and paste the generated CSS snippets into your document and done. See also: Best Javascript/CSS Grid Layout Systems For Front-end Designers Best HTML/CSS3 Frameworks For Web/Mobile Development
A set of button hover effects that uses CSS psuedo elements and borders to create fancy hover animations on your action buttons.
imagehover.css is a lightweight yet robust CSS library helps you create over 40 amazing hover effects on images using HTML5 / CSS /CSS3.
CSSDevices is a collection of pure CSS Apple devices including the latest release of iPhone,iPad, Mac and Apple Watch.
CSSgram is an ultra lightweight library for creating Instagram filters on your images with pure Sass / CSS.
devices.css is a collection of 11+ flat mobile & desktop devices for showcasing your websites or apps, built using pure CSS / CSS3.
Web Starter Kit is a starting point for multi-screen web development. It encompasses opinionated recommendations on boilerplate and tooling for building an experience that works great across multiple devices.
In this post, I’m glad to share my recent work about Top 10 website themes based on Twitter’s bootstrap that give your web project a fresh new looking.
animate.css is a bunch of cool, fun, and cross-browser animations for you to use in your projects. Great for emphasis, home pages, sliders, and general just-add-water-awesomeness.
An amazing CSS3 text animation for creating text filling with water effect.
A tutorial on how to create an interesting animated 3D opening type effect with pseudo-elements, CSS transforms and transitions.
An awesome text effect that adds animated & hipster-ish dash shadow to your text using only CSS3.
simptip is a CSS library made with Sass to create simple and beauty tooltips with a lots of customize options.
Emerald is a responsive grid system written in LESS.
Semantic is a set of specifications for sharing UI elements between developers. Semantic is also a UI library to make front end development simpler and easier to learn.
An amazing effect created only with CSS3 that converts a standard Html checkbox into a toggle button with smooth switching effects.
Ionicons is a premium icon font designed for Ionic Framework. You can use ionicons.com to easily find the icon you want to use. Once you’ve copied the desired icon’s CSS classname, simply add the icon’s classname to an HTML element.