Frontend.md

Button

• Progress Button Styles
• Creative Button Styles
• Buttons with built-in loading indicators
• CIRCULAR PROGRESS BUTTON
• A collection of CSS3 powered hover effects to be applied to links, buttons, logos, SVG

Misc

• A beautiful replacement for JavaScript's "alert"
• Subtle Background Patterns
• Notification Styles Inspiration

Fonts

• Selection of Google's Font Library prettiest font types
• Google Web Fonts Pairings
• Find the perfect font combo for your next project.

CSS

• Flexbox in 5 minutes
• Keep a watchful eye on your css colors.
• Loading icons and small animations built purely in SVG, no CSS or JS
• CSS Gradient Animator

Custom form elements

• CSS-only custom-styled selects v8

Style-guides

• Enduring CSS: writing style sheets for rapidly changing, long-lived projects
• Medium’s CSS is actually pretty f***ing good.
• An opinionated styleguide for writing sane, maintainable and scalable Sass.

Colors

• Gradient placeholder based on image
• Random pleasing colors generator
• Dope gradients
• Mathematically derived gradient explorer
• A very useful color picker tool by João Piedade with all the famous UI colors in one place.

HTML

Email temlates

• Open Source Email Templates

Animation

Misc

• Modal Entrance Animation
• Animated navigation icons, symbols and buttons using SVG and CSS
• Animate your 'action-to-effect' paths
• CSS animation articles, tips and tutorials.

Libs

• Velocity.js
• Animate.css
• PhotoSwipe.js: JavaScript photo gallery
• CSS Animations

Articles

• Article: The Art of UI Animations

Graphics

• The Bézier Game: A game to help you master the pen tool

SVG

• Picsvg: Convert Picture to Svg
• SVG vector graphics files optimizer

Demos

• Cool Pricing Tables

Assets

• SVG icon pack

Prototyping

• Prototype Interfaces