On-Scroll SVG Path Animations Animating SVG paths on smooth scroll. Article on Codrops Demo Installation Install dependencies: npm install Compile th
Bem Vindo ao FontAwesome to SVG 👋 Transforme QUALQUER ícone do FontAwesome em SVG. FontAwesome Pro v6.1.1 🏠 Demo (Github Pages) 👤 Autor Website: ht
SVG & CSS Generator Examples Tiny project examples based on 10 different SVG and CSS generators for various effects. Inspired by this tweet by Savio M
Angled Edges 📐 A Sass mixin for creating angled edges on sections by dynamically encoding SVGs. Need angled edges in regular CSS? Check out the Angle
PatternBolt Patternbolt is a fine selection of SVG pattern background, packed in a single or SCSS (or CSS ) file. The pattern is added in a "after" el
A PHP command line tool for converting SVG images to a set of CSS icons (SVG & PNG, single icons and / or CSS sprites) with support for image optimization and Sass output. Created by Joschi Kuphal (@jkphl), licensed under the terms of the MIT license
Portfolio Template A beautiful minimal and accessible portfolio template for Developers ✨ . To View the live site click here → Features Clean, Simple
File Icon Images A collection of file type/extension SVG icons, available free for use in your applications. Please post feedback or issues. I pay to
Font-GIS Icon font set for use with GIS and spatial analysis tools I've collected in this repo icons and graphics I've been using in my projects. Font
Font Reaper Font Reaper dismantles an icon font, such as Font Awesome, and builds a syntactically similar alternative. It uses svgpath to flip, center
Animated Animals Demo for the tutorial on how to animate two SVG animals using only CSS (SCSS). By David Khourshid. Article on Codrops Demo License In
unique-unit-masks SVG masks for Age of Empires II: Definitive Edition unique units How it works We create a div with the unique unit as a background i
Version 5 – the iconic SVG, font, and CSS framework The internet's most popular icon toolkit has been redesigned and built from scratch. On top of thi
A set of over 1450 free MIT-licensed high-quality SVG icons for you to use in your web projects. Each icon is designed on a 24x24 grid and a 2px strok
MathJax Beautiful math in all browsers MathJax is an open-source JavaScript display engine for LaTeX, MathML, and AsciiMath notation that works in all
DOM to Image What is it dom-to-image is a library which can turn arbitrary DOM node into a vector (SVG) or raster (PNG or JPEG) image, written in Java
Animate Plus Animate Plus is a JavaScript animation library focusing on performance and authoring flexibility. It aims to deliver a steady 60 FPS and
Neu Neu is a free crisp cohesive growing icon set library that provides wide range categories. Based on 24px grid, it will match with any of your app,
Iconoir is an open source library with 1000+ SVG Icons, designed on a 24x24 pixels grid. No premium icons, no email sign-up, no newsletters. Browse at
Fork Awesome A fork of the iconic font and CSS toolkit Fork Awesome is a suite of 796 pictographic and brand icons for easy, scalable vector graphics
CSS Wand Hover your wand and use your magic spell to copy beautiful css ✨ Features Easy Copy-Paste Beautiful CSS. Amazing Built-in Color Picker Includ
The animator's toolbox Popmotion is: Powerful: It supports keyframe and spring animations for numbers, colors and complex strings. Low level: It's des
React Text Gradient. UNMAINTAINED Unmantained for now. It seems that there are modern ways to do this, see https://css-tricks.com/snippets/css/gradien
Beautifully simple click-to-copy CSS effects https://cssfx.netlify.app/ To run locally, npm install then npm run dev. Contributing Check out the contr
Open Iconic v1.1.1 Open Iconic is the open source sibling of Iconic. It is a hyper-legible collection of 223 icons with a tiny footprint—ready to use
Distorted Button Effects A set of inspirational, highly experimental distortion effects for buttons using SVG filters. By Adrien Denat. Article on Cod
google-webfonts-helper A Hassle-Free Way to Self-Host Google Fonts This service might be handy if you want to directly download all .eot, .woff, .woff
Page Loading Effects Modern ways of revealing new content using SVG animations. Article on Codrops Demo Integrate or build upon it for free in your pe
A Government font and CSS toolkit, inspired by Font-Awesome. Gov Icons is a icon font and CSS toolkit with 136 government themed icons, for easy scala
Fork Awesome A fork of the iconic font and CSS toolkit Fork Awesome is a suite of 796 pictographic and brand icons for easy, scalable vector graphics
Infinite Menu Background Animation A page transition with an animated SVG path for a menu that has an infinite background animation. Article on Codrop
Background svg Tailwind Plugin Tailwind pre 1.0.0 Use version 1.0.2 with any tailwind pre 1.0.0 Installation Add this plugin to your project: # Instal
flag-icons A curated collection of all country flags in SVG — plus the CSS for easier integration. See the demo. Install You can either download the w
Demo - Figma - Twitter Open-source CSS, SVG and Figma UI Icons Available in SVG Sprite, styled-components, NPM & API New in 2.0 🥳 200 New Icons 🚀 SV
Hover.css A collection of CSS3 powered hover effects to be applied to links, buttons, logos, SVG, featured images and so on. Easily apply to your own
![Text gradients with CSS with SVG fallback. [unmaintained]](https://github.com/javierbyte/react-textgradient/raw/master/screenshot.png)
