Freebiesbug

Resources for Developers

Creative gooey effects

A set of examples that use a gooey SVG filter for creating a variety of different effects for all kinds of website components.

Code

Flipside – Button to modal

Flipside is a button that seamlessly transitions from action to confirmation created with few lines of CSS and jQuery.

Code

Mobile menu animations

Three awesome menu animations for mobile devices made with just few lines of CSS. Designed and coded by Virgil Pana.

Code

Button styles inspiration

A collection of fresh button styles and effects for your inspiration, built with CSS transitions and pseudo-elements for most of the effects. Coded by Codrops.

Code

Morphing modal window

A call-to-action button that animates and turns into a full-size modal window with a morphing effect. Created by CodyHouse team.

Code

3D Curtain effect

A list of split blocks that reunite on scrolling, simulating a movement along the z-axis with the help of CSS transformations and jQuery.

Code

Text input effects

Some inspiration for effects on text inputs using CSS transitions, animations and pseudo-elements by Codrops.

Code