It's time to create new or re-design your websites to bring it to the next level.
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.
Drag any color from the left toolbar to an area or text in the mockup. A blue outline will indicate a droppable element.
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 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.
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!
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.
Check them out and download the ones you like most!
Are you Web Freelancer or Web Design Company? Join our Club and Access our Resource!