Using SVGs on websites is becoming more and more easy with great libraries like Snap.svg. Today we want to explore what we can do with it and animate some SVG icons as a practical example.
☆539Nov 5, 2013Updated 12 years ago
Alternatives and similar repositories for AnimatedSVGIcons
Users that are interested in AnimatedSVGIcons are comparing it to the libraries listed below. We may earn a commission when you buy through links labeled 'Ad' on this page.
Sorting:
- A tutorial on how to create a off-canvas icon navigation with an animated border effect.☆270Sep 30, 2013Updated 12 years ago
- Ever thought that clicking multiple checkboxes is not a very user-friendly task? Imagine rows and rows of junk mail that you'd like to se…☆58Oct 29, 2013Updated 12 years ago
- A set of simple round icon hover effects with CSS transitions and animations for your inspiration.☆729Oct 2, 2020Updated 5 years ago
- A set of subtle effects and styles for simple dot navigation.☆192Jan 21, 2014Updated 12 years ago
- A template for a split layout with two sides. When clicking on a half in the initial view, the layout moves into the respective direction…☆122Oct 25, 2013Updated 12 years ago
- Serverless GPU API endpoints on Runpod - Get Bonus Credits • AdSkip the infrastructure headaches. Auto-scaling, pay-as-you-go, no-ops approach lets you focus on innovating your application.
- A responsive grid layout for multiple items in a row that fill all the available width.☆39May 7, 2013Updated 13 years ago
- A responsive multi-column form with example media queries for a flexible layout.☆57Jun 6, 2013Updated 13 years ago
- An experimental image slider that flips through images in 3D. Two stacks resemble image piles where images will be lifted off from and ro…☆99Apr 30, 2015Updated 11 years ago
- An inspirational collection of experimental link effects mostly using transitions on pseudo-elements.☆723Jun 7, 2014Updated 12 years ago
- A simple view mode switch that has two example layouts, a grid and a list.☆82Jul 1, 2013Updated 13 years ago
- Some inspiration for arrow navigation styles and hover effects using SVG icons for the arrows, and CSS transitions and animations for the…☆163Jun 10, 2014Updated 12 years ago
- A simple, nestable accordion with some examples of nesting levels and a media query.☆34May 7, 2013Updated 13 years ago
- A fluid content slider that will adjust in width and height depending on the size of its parent.☆46May 7, 2013Updated 13 years ago
- A set of flat and 3D progress button styles where the button itself serves as a progress indicator. 3D styles are used for showing the pr…☆610Dec 12, 2013Updated 12 years ago
- Serverless GPU API endpoints on Runpod - Get Bonus Credits • AdSkip the infrastructure headaches. Auto-scaling, pay-as-you-go, no-ops approach lets you focus on innovating your application.
- A tutorial on how to create a mobile-friendly and responsive expanding search bar.☆174Oct 20, 2016Updated 9 years ago
- Some simple and creative overlay styles and effects. From sliding the overlay into the viewport to using SVG morphing shapes, we explore …☆501Feb 6, 2014Updated 12 years ago
- A responsive product grid layout with some UI details for inspiration.☆77May 17, 2013Updated 13 years ago
- An experimental push menu with multi-level functionality that allows endless nesting of navigation elements.☆739May 8, 2017Updated 9 years ago
- This is a simple tooltip menu that will show a tooltip submenu when hovering over an item. The submenu will either appear above or below …☆104May 29, 2013Updated 13 years ago
- A tutorial on how to recreate the slide out sidebar menu that can be seen on the Google Nexus 7 website.☆324Oct 1, 2020Updated 5 years ago
- Inspiration for revealing content by morphing the action element.☆592Nov 27, 2015Updated 10 years ago
- Adding elasticity with SVG shape animations for enhanced UI interactions.☆291Dec 15, 2014Updated 11 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…☆36Mar 6, 2015Updated 11 years ago
- Deploy to Railway using AI coding agents - Free Credits Offer • AdUse Claude Code, Codex, OpenCode, and more. Autonomous software development now has the infrastructure to match with Railway.
- Implementation of Colin Garvin's [submit button concept](http://dribbble.com/shots/1426764-Submit-Button)☆316Oct 18, 2017Updated 8 years ago
- Creative styles and ideas for custom select elements.☆543Aug 22, 2017Updated 8 years ago
- A fixed vertical icon menu that adjusts its size for smaller screens.☆60May 7, 2013Updated 13 years ago
- Some inspiration for off-canvas menu effects and styles using CSS transitions and SVG path animations.☆697May 6, 2015Updated 11 years ago
- The slides in this slideshow wobble as they move. The effect is based on Sergey Valiukh's Dribbble shot and was made using Snap.svg and m…☆111Oct 24, 2014Updated 11 years ago
- A tutorial about how to create a swatch book like component that let's you open and rotate the single swatches revealing some details. We…☆91Jan 17, 2014Updated 12 years ago
- An experimental jQuery plugin that will group thumbnails by a shared data-attribute into a pile. When clicking on the pile, the thumbnail…☆268Mar 29, 2013Updated 13 years ago
- Hover effect as seen on The Christmas Experiments website using SVG for the shape and Snap.svg for the animations.☆192Sep 30, 2020Updated 5 years ago
- Some creative and modern button styles and effects for your inspiration.☆730Oct 1, 2020Updated 5 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.
- A set of creative and modern inline anchor styles and effects for your inspiration.☆173Jun 19, 2014Updated 12 years ago
- An experimental slider pagination using the jQuery UI slider. The idea is to use a simple navigation concept that preserves layout and st…☆71Dec 21, 2012Updated 13 years ago
- A horizontal slide out menu with a grid-like thumbnail layout for the submenu. With media query examples for smaller devices.☆87May 17, 2013Updated 13 years ago
- Demo for the tutorial on how to animate an SVG menu icon based on Tamas Kojo's Dribbble shot hamburger menu and implemented Segment. By L…☆203Nov 12, 2015Updated 10 years ago
- Some inspiration for transition effects for off-canvas navigations.☆1,656Aug 5, 2024Updated 2 years ago
- A tutorial on how to create some subtle and modern caption hover effects.☆411Jun 18, 2013Updated 13 years ago
- A responsive grid of anchors with icons and text.☆91Jul 1, 2013Updated 13 years ago