Open source web development has seen a tremendous explosion in popularity. You can download free code snippets, plugins, WordPress themes, and the list is always growing. I have been infatuated with the amazing effects possible in CSS3 and some related JavaScript libraries.
In this gallery I want to share 30 powerfull frontend code snippets for web developers. Some of these effects are built entirely with CSS, and others utilize jQuery or some other JavaScript techniques. You can download a local copy of any script or try duplicating the effect into your next project. And if you know about any other fun code snippets, just drop a comment in the post discussion area.
Guided Website Tour Tooltip
Text Animation
Dashboard UI
CSS3 Apple Navigation
Pure CSS3 Loader
Alternative CSS Loader
Submit Button Animation
Responsive Flat UI Kit
Topcoat Breadcrumb
CSS3 Gradient Zebra Highlights
Rainbow Navigation Menu
CSS3 Pricing Tables
Slide Toggle
Sliding Dial UI
Tabbed vCard
Custom Checkboxes & Radios
Super Cool Text Shadows
List/Grid View Switcher
CSS3 vCard
Winter-Themed Website Layout
Parallax Scrolling Layout
Animated CSS Book
Sortable Task List
CSS3 Tree Branch
Simple Blog Editor
CSS3 Switch
Detailed OAuth Login Form
HTML5/CSS3 Gauge Slider
Clean Glossy CSS3 Buttons
Animated Toggles
Fonte: http://designwoop.com/2013/12/30-open-source-css3-code-samples-web-developers/