codrops Goto Github PK
Name: Codrops
Type: Organization
Blog: http://www.codrops.com
Name: Codrops
Type: Organization
Blog: http://www.codrops.com
A loading and navigation animation where thumbnails flow into a grid.
A responsive grid gallery based on the [Google Chromebook getting started](https://gweb-gettingstartedguide.appspot.com/) guide gallery. In this Blueprint we use Masonry for the grid and 3D transforms for navigating the items.
A simple layout transition where a small grid animates to a larger view, using the Flip plugin from GreenSock.
A retro-style grid layout with a playful motion hover effect on the grid items.
A Masonry-powered grid layout with a motion hover effect on the grid items and a scrollable content view
A slideshow where each slide has an individual CSS grid layout and a reveal effect when navigating.
Some inspiration for loading effects on grid items.
Some inspiration for loading effects of grid items using CSS animations.
A CSS Grid powered menu with a box look and a sliding animation.
Some experiments with the new staggering system of Anime.js
Some ideas for grid to slideshow switch animations using GSAP's Flip plugin.
A proof-of-concept for a view switch animation from grid to slideshow.
A simple image grid layout where a small grid image zooms to become larger while a content view opens.
A horizontal slide out menu with a grid-like thumbnail layout for the submenu. With media query examples for smaller devices.
Some ideas for horizontal smooth scroll layouts and animations using Locomotive Scroll
Some inspiration and modern ideas for subtle hover effects.
An experimental hover effect, where a content preview is shown while a mini map indicates the position of the cursor.
A set of simple round icon hover effects with CSS transitions and animations for your inspiration.
A set of playful dragging effects for images using various techniques.
Some inspiration for effects on image grids. The ideas include animations on the opening grid item, the disappearance of the grid and the resulting view.
A motion hover effect for a background grid of images.
A recreation of the on-scroll pixelated image loading effect seen on Felicity Ingram's website
A set of link hover effects that reveal a thumbnail in different creative ways.
A simple intro animation where an image stack moves to become a grid.
An animation featuring image tiles that transform into a full image when a menu item is clicked.
A subtle tilt effect for images. The idea is to move and rotate semi-transparent copies with the same background image in order to create a subtle motion or depth effect.
A simple scroll effect and page transition inspired by Vitalii Burhonskyi’s Dribbble shot.
A simple transition where a large image animates to its place in a grid.
A set of effects for mouse-following image trails that show a random series of images.
A tunnel experiment in WebGL inspired by the effect seen on http://www.fornasetti.com/
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.