A small set of ideas for organic shape effects with SVG.
☆131Sep 19, 2017Updated 9 years ago
Alternatives and similar repositories for ShapeMorphIdeas
Users that are interested in ShapeMorphIdeas are comparing it to the libraries listed below. We may earn a commission when you buy through links labeled 'Ad' on this page.
Sorting:
- Some inspiration for playful typographical effects and hover interactions on letters.☆223Jul 5, 2017Updated 9 years ago
- Some inspiration for menu hover effects.☆308Sep 30, 2020Updated 6 years ago
- A simple morphing page transition effect where an SVG path gets morphed into another while the current page moves up.☆183Aug 8, 2017Updated 9 years ago
- A set of experiments with an animated image pieces effect where an image gets shattered into rectangular fragments.☆91Jul 26, 2017Updated 9 years ago
- A slideshow with liquid distortion effects in WebGL powered by PixiJS and GSAP☆474Oct 10, 2017Updated 9 years ago
- 1-Click AI Models by DigitalOcean Gradient • AdDeploy popular AI models on DigitalOcean Gradient GPU virtual machines with just a single click. Zero configuration with optimized deployments.
- Some decorative shape and letter animations based on the Dribbble shot "Us By Night" by Animography.☆332Jan 23, 2021Updated 5 years ago
- A tutorial about how to create a triple panel jQuery image slider with a 3D look and swipe-like transitions.☆22Oct 1, 2020Updated 6 years ago
- Codrops logos☆12Feb 20, 2026Updated 8 months ago
- A switching title effect where a fixed element changes depending on the scroll position.☆229Feb 12, 2018Updated 8 years ago
- A tunnel experiment in WebGL inspired by the effect seen on http://www.fornasetti.com/☆13May 9, 2017Updated 9 years ago
- Some shape morphing hover effects on images using SVG clipPath.☆220Jun 28, 2017Updated 9 years ago
- Multi-layered SVG shape overlays with adjustable values for a variety of effects. By Yoichi Kobayashi.☆423Oct 20, 2017Updated 9 years ago
- An experimental tab-like navigation that expands a content area when clicked.☆49Mar 23, 2017Updated 9 years ago
- A recreation of the collapsing logo effect seen on PracticalVR.☆57Jun 5, 2018Updated 8 years ago
- AI Agents on DigitalOcean Gradient AI Platform • AdBuild production-ready AI agents using customizable tools or access multiple LLMs through a single endpoint. Create custom knowledge bases or connect external data.
- Some layouts with sliced background images, slideshow functionality and glitch effect.☆62Sep 28, 2017Updated 9 years ago
- A fun "try-on" experiment that shows a first person view through the colored lenses of sunglasses, mimicking the movement of putting them…☆36Mar 1, 2017Updated 9 years ago
- Some ideas for interacting, previewing or just playing with folders on hover☆230May 23, 2017Updated 9 years ago
- An experimental slideshow that shows an animated SVG frame when transitioning between slides.☆283Nov 15, 2017Updated 8 years ago
- A plugin for creating and animating decorative lines on websites.☆102Oct 18, 2016Updated 10 years ago
- A fullscreen loop effect that shows a preview of images when hovering a menu item.☆48Oct 16, 2018Updated 8 years ago
- An implementation of Gil Huybrecht “Outdoors” design project powered by layered CSS grids.☆122Sep 16, 2020Updated 6 years ago
- Some navigation style ideas for slideshows, pages and other components that require a navigation. Shown on the example of a vertical slid…☆191Sep 2, 2016Updated 10 years ago
- A Masonry-powered grid layout with a motion hover effect on the grid items and a scrollable content view☆191Sep 20, 2018Updated 8 years ago
- Managed hosting for WordPress and PHP on Cloudways • AdManaged hosting for WordPress, Magento, Laravel, or PHP apps, on multiple cloud providers. Deploy in minutes on Cloudways by DigitalOcean.
- An experimental glitch effect powered by CSS animations and the clip-path property. Inspired by the technique seen on the speakers page o…☆700Dec 22, 2017Updated 8 years ago
- Some inspiration for loading effects on grid items.☆439Apr 11, 2017Updated 9 years ago
- WebGL Scroll Spiral☆233Apr 26, 2017Updated 9 years ago
- A slideshow that uses a CSS glitch effect for slide transitions.☆115Mar 10, 2018Updated 8 years ago
- A simple grid-powered multibox menu that shows with a reveal animation.☆154Oct 3, 2018Updated 8 years ago
- A simple, nestable accordion with some examples of nesting levels and a media query.☆34May 7, 2013Updated 13 years ago
- A collection of decorative animated background shapes powered by WebGL and TweenMax☆635Aug 20, 2021Updated 5 years ago
- Mirror effect as seen around the Web lately, i.e. on Corentin Fardeau's and Method's website. The idea is to mirror an image and animate …☆214Jan 4, 2017Updated 9 years ago
- Demo for the tutorial on how to create a Shazam-like button that morphs into a music player using Snap.svg.☆73Nov 24, 2015Updated 10 years ago
- Managed hosting for WordPress and PHP on Cloudways • AdManaged hosting for WordPress, Magento, Laravel, or PHP apps, on multiple cloud providers. Deploy in minutes on Cloudways by DigitalOcean.
- A slideshow where each slide has an individual CSS grid layout and a reveal effect when navigating.☆314Nov 5, 2018Updated 7 years ago
- A responsive grid layout for multiple items in a row that fill all the available width.☆39May 7, 2013Updated 13 years ago
- A couple of styles and inspiration for responsive, flexbox-based HTML pricing tables.☆101Nov 19, 2015Updated 10 years ago
- A full image reveal effect with fancy thumbnail sliding.☆164Jun 12, 2018Updated 8 years ago
- A little playful content navigation effect that uses the draggable Elastic Stack and Snap.svg for animating a background shape like a tra…☆37Mar 6, 2015Updated 11 years ago
- A mobile "pull to share" interaction that allows to share a page by using the familiar "pull to refresh" movement. Based on the [action](…☆81Oct 23, 2015Updated 11 years ago
- A reveal effect where animated slices cover and uncover an image☆132Feb 6, 2018Updated 8 years ago