Drag any color from the left toolbar to an area or text in the mockup. A blue outline will indicate a droppable element.
This is a responsive, magazine-like website layout with a grid item animation effect when opening the content.
This is a great button that seamlessly transitions from action to confirmation. Just click it and see the awesome effect.
This is a small, fast, modern, and dependency-free library for lazy loading. Lazy loading boosts page speed by deferring the loading of images until they’re in (or near) the viewport.
Here are a few menu animations this designer coded. He is trying to make more authentic coded interactions and this is a first step.
This is a little playful content navigation effect that uses the draggable Elastic Stack and Snap.svg for animating a background shape like a trampoline. Drag the stack or click the button to navigate. See the rotating version as well.
This is a touch slideout navigation menu for your mobile web apps. It has many great qualities such as: Dependency-free, Simple markup, Native scrolling, Easy customization, CSS transforms & transitions, Just 4 Kb!
This is a call-to-action button that animates and turns into a full-size modal window. Modal windows are used to display related content, by hiding temporarily the main content.
Datedropper is a jQuery plugin that provides a quick and easy way to manage dates for input fields.
TheaterJS is a typing effect mimicking human behavior. Full documentation on usage, configuration, features and so on is available.
This is a slide-in filter panel powered by CSS and jQuery. It adds great content filter effect. Perfect for portfolios.
Flickity makes galleries, sliders, & carousels that feel lively and effortless. Physics-based animation. Touch enabled.
This is a list of split blocks that reunite on scrolling, simulating a movement along the z-axis with the help of CSS transformations and jQuery.
This is a avaScript image gallery for mobile and desktop. All basic gestures are supported: flick to the next or previous image, spread to zoom in, drag to pan, pinch to zoom out or close, tap to toggle the controls, double-tap to zoom.
This is a jQuery plugin that recreates the Material Design preloader (as seen on inbox).
FlowupLabels.js is a Animated form labels to behave like placeholders, but with a twist.
You may also like:
- 20 Really Helpful Infographics and Cheats for Designers
- 20 Amazing After Effects Intros for Designers
- 40 Best Free Photoshop Text Effects
- 20 Free JS Plugins with Incredible Effects
- 20 Outstanding Free Photoshop Text Effects
- 20 Amazing Free Photoshop Text Effects with Tutorials!
- 20 Free PSD Map Designs for Web Designers
Subscribe to our RSS feed!
Popular on Web Design Dev:
- Free Wix Website Templates
- 20+ Portfolio Website Templates for Architects
- 20+ Portfolio Website Templates for Artists
- Creative Resume Templates for Web Designers
- Web Safe Fonts with CSS
- Best Free Tumblr Themes
- 20+ Free HTML Templates
- Professional Free Bootstrap Themes
- Best Shopify Themes for High Conversions
- 20+ Events Production Website Templates