Search
Motion Transition Effect
11.12.2018
A speedy motion transition effect for an image slideshow inspired by Gal Shir's "Ping Pong Slow Motion" animation.
Motion Transition Effect was written by Mary Lou and published on Codrops
Image Reveal Hover Effects
27.11.2018
A set of link hover effects that reveal a thumbnail in different creative ways.
Image Reveal Hover Effects was written by Mary Lou and published on Codrops
Collective #471
26.11.2018
Progress-estimator * Felipe * Fibre * Electricity * Hue * What, exactly, is the DOM? * Essential TypeScript Types * Canvas Proximity Mask
Collective #471 was written by Pedro Botelho and published on Codrops
Collective #470
22.11.2018
Demoboard * HTM * eDEX-UI * Spin Zone * Tools for Makers * Everyone starts from the bottom * Designer's Eye
Collective #470 was written by Pedro Botelho and published on Codrops
Collective #469
19.11.2018
Braces to Pixels * Statusfy * Stack * Arare * The Power of Web Components * Bruck * autoComplete.js * Degreeless.design
Collective #469 was written by Pedro Botelho and published on Codrops
Collective #468
15.11.2018
State of Houdini * Turtletoy * VisBug * Squoosh * The Writable Files API * Web.dev (beta) * Inlining or Caching? Both Please!
Collective #468 was written by Pedro Botelho and published on Codrops
Collective #467
12.11.2018
babel-plugin-rawact * CSS Frameworks Or CSS Grid * Emoji builder * CSS and Network Performance * Editorial Layouts, Floats, and CSS Grid
Collective #467 was written by Pedro Botelho and published on Codrops
Page Flip Layout
12.11.2018
A template with a two-sided, magazine-like layout and a flat page flip animation. The layout is powered by CSS Grid.
Page Flip Layout was written by Mary Lou and published on Codrops
Motion Reveal Slideshow
26.7.2018
A simple image slideshow with a motion reveal effect when navigating between slides and a fullscreen details view.
Motion Reveal Slideshow was written by Mary Lou and published on Codrops
Font Playground
20.7.2018
This is a wondrous little project by Wenting Zhang that showcases a series of variable fonts and lets you manipulate their settings to see the results. It’s interesting that there’s so many tools like this that have been released over the past couple of months, such as v-fonts, Axis-Praxis...
Collective #433
16.7.2018
Guppy * CSS: A New Kind Of JavaScript * Font Playground * ramd.js * Track * did.txt file * Seedbank * V8N * Stitches
Collective #433 was written by Pedro Botelho and published on Codrops
Triple Panel Reveal Slideshow
26.6.2018
A fullscreen image slideshow with lateral image previews and a reveal animation using TweenMax.
Triple Panel Reveal Slideshow was written by Mary Lou and published on Codrops
Full Image Reveal Effect
12.6.2018
A simple fullscreen image reveal effect where thumbnails slide out of the viewport to reveal a larger image.
Full Image Reveal Effect was written by Mary Lou and published on Codrops
Collapsing Logo Effect
5.6.2018
A recreation of the collapsing logo effect seen on PracticalVR. The idea is to have an initial view that animates to a logo in the top left corner of the page.
Collapsing Logo Effect was written by Mary Lou and published on Codrops
Grid Layout with Motion Hover Effect and Content Preview
23.5.2018
A retro-style grid layout with a playful motion hover effect on the grid items. When clicking on a grid item, a content preview opens.
Grid Layout with Motion Hover Effect and Content Preview was written by Mary Lou and published on Codrops
Ideas for Proximity Feedback with Progressive Hover Effects
2.5.2018
We're exploring a progressive hover effect which triggers not just when we are hovering an element but progressively, when we come close to it.
Ideas for Proximity Feedback with Progressive Hover Effects was written by Mary Lou and published on Codrops
Particle Effects for Buttons
25.4.2018
A little library that can be used for bursting particles effects. The idea is to disintegrate an element into particles and make it disappear (or vice versa).
Particle Effects for Buttons was written by Luis Manuel and published on Codrops
Collective #409
23.4.2018
Permit * React in patterns * Sketchize * GitHub Learning Lab * Slugify * pico.js * BBC Sound Effects * VS Code can do that?!
Collective #409 was written by Pedro Botelho and published on Codrops
Password Strength Visualization
18.4.2018
Visual feedback for password strength on an image based on Colibro's sign up form.
Password Strength Visualization was written by Mary Lou and published on Codrops
Collective #407
16.4.2018
Scroll to the future * Front-End Developer Handbook 2018 * Mustard UI * VuePress * Remote Browser * Length.js * Dot Tentacles
Collective #407 was written by Pedro Botelho and published on Codrops