10+ Free CSS Tools and Resources

A selection of Free CSS Tools and Resources. CSS FrameWorks, CSS Animation Effects, CSS Spinners, CSS Progress Bars and more!

Materialize

Materialize
A modern responsive front-end framework based on Material Design. Material Design is a design language created by Google that combines the classic principles of successful design along with innovation and technology.
http://materializecss.com/

Drop.js

dropjs-3
A library for creating dropdowns and other floating elements
https://github.com/HubSpot/drop

Text Input Effects

Text-Input-Effect
Simple ideas for enhancing text input interactions.
http://tympanus.net/Development/TextInputEffects/

CodyHouse

codyhouse
Free library of ready-to-use and easy-to-customize code snippets (HTML, CSS and Javascript).
http://codyhouse.co/

Hover.css

Hover-CSS
A collection of CSS3 powered hover effects to be applied to links, buttons, logos, SVG, featured images and so on.
http://ianlunn.github.io/Hover/

One Page Scroll with Animations

One-Page-Scroll-with-Animations
One page scroller website with animations, based on One Page Scroll
https://ihatetomatoes.net/one-page-scroll-with-animations/

SpinKit

CSS-SpinKit
Simple CSS Spinners. They’re easy to customize, animated with CSS transforms.
http://tobiasahlin.com/spinkit/

CSShake

CSShake
Some CSS classes to move your DOM! Impressive effects with minimum of effort.
http://elrumordelaluz.github.io/csshake/

Magic animations

Magic-animations
CSS3 Animations with special effects. Just include the CSS style: magic.css or include the mynified version: magic.min.css
http://www.minimamente.com/example/magic_animations/

progre(c)ss

progress-css
CSS progress bars with minimal effort!
http://jh3y.github.io/progre-c-ss/