svg-filters

There are 2 repositories under svg-filters topic.

• luukdv / gooey-react

  The gooey effect for React, used for shape blobbing / metaballs (0.5 KB) 🧽

  gooeygooreactreactjssvg-filtersgooeyeffectsvg-filtersvgeffectanimationgraphicsshapeblobsmetaballs
  Language:TypeScript 647

• WebSVG / voronoi

  Parametric Voronoi generator with real time editing and SVG export

  bootstrapclient-sidecss-gridgeometric-algorithmssampling-methodsstatic-sitesvgsvg-filterstemplate-stringvanilla-jsvoronoi
  Language:JavaScript 169

• codrops / DistortedLinkEffects

  Some ideas for decorative link distortion effects using SVG filters.

  hover-effectslinkssvg-filters
  Language:JavaScript 135
• svg-color-filter

  kazzkiq / svg-color-filter

  A simple project to help understand SVG's powerful feColorMatrix filter.

  fecolormatrixfecolormatrix-filtersvgsvg-filters
  60

• codrops / AnimateSVGTextPath

  Animating SVG text on a path on scroll using the Intersection Observer API and SVG filters.

  svgtextpathintersectionobserver-apisvg-filtersanimationscrolllayout
  Language:HTML 55

• abjt14 / polyrhythmic-rings

  Relaxing tunes and visuals to help you focus, meditate, or sleep.

  framer-motionnextjspolyrhythmradix-uisvgsvg-animationssvg-filters
  Language:JavaScript 50

• tomhallam / Blurr

  jQuery Plugin to create nice blur backgrounds from an image

  jqueryjquery-pluginjavascripteffectssvg-filtersblur-backgrounds
  Language:JavaScript 44

• poletaevvlad / svg-filter-editor

  Node-based editor for SVG Filters

  node-editorsvgsvg-filters
  Language:JavaScript 36

• thatisuday / curved-menu

  VanillaJS fully configurable curved menu (circular navigation)

  menumenu-navigationcircular-menuvanillavanilla-javascriptvanilla-jshtmlsvgsvg-filters
  Language:JavaScript 35

• NetworkGraphs / graphysics

  Graph with Physics, No nodes overlap, morph nodes to properties and groups

  graphtouchsvgsvg-filtersphysicslayout-enginelayout-algorithmnetwork-graphcss-in-js
  Language:JavaScript 23
• Nephele

  beauhaus / Nephele

  A react tool to accompany CSS-Tricks article on creating clouds with SVG Filters

  css-drawingrandomizationsvg-filtersreact-modalcss-in-js
  Language:JavaScript 17

• jorgeatgu / fildrop

  :crystal_ball: Fildrop. A set of custom SVG Filters

  svgsvg-filtersfilterimage
  Language:JavaScript 9

• tannerhodges / gulp-zorrosvg

  Generate ZorroSVG files from PNGs.

  gulpgulp-pluginpngpng-compressionsvgsvg-filterszorrosvgzorrosvg-alpha-masks
  Language:JavaScript 8

• WebSVG / deep-svg

  Vanilla javascript and Web Component wrapper to make any svg zoom pan and deep link

  mousepanshadow-domsvgsvg-animationsvg-filter-animationsvg-filtersvanilla-javascript-libraryweb-componentzoom
  Language:JavaScript 3
• Nightscape-II

  beauhaus / Nightscape-II

  Experimental use of SVG filters with CSS to render clouds (CSS-Tricks Article). Sample with replacement used to randomize highway traffic in the foreground.

  svg-filterscss-drawingreact-gsap
  Language:JavaScript 2

• bkimmel / WebPlatformGallery

  Grimoire of Web Dev Techniques for Reference

  javascripthtmlcssbluetooth-legattarraybuffernodejssvgsvg-filters
  Language:HTML 1
• ChristianOellers-Website-Vue

  Codeconut-Ltd / ChristianOellers-Website-Vue

  Vue based personal website with links to other platforms. Also used as tech- and animation playground.

  animationcsscss3css3-animationsecmascriptecmascript6es6htmlhtml5javascriptjssvgsvg-filtersvuevue3vuejsfrontendvuejs3websitewebsite-design
  Language:Vue 1

• danielcn18 / SVG-Introduction-And-Filters

  SVG (Scalable-Vector-Graphics) Introduction & Filters

  svgsvg-filtershtml5
  Language:HTML 1

• frankelavsky / LIGO-Virgo-Mass-Plot

  An interactive astrophysics project, exploring the masses of dead stellar objects (black holes and neutron stars). I used d3.js, a touch of jquery, flowtype, and advanced SVG techniques (in vanilla javascript) for this project.

  astronomyastrophysicsclient-sidecssd3d3jsdata-visualizationexploratory-data-visualizationsfrontendfrontend-appgravitational-waveshtmlinteractiveinteractive-visualizationsjavascriptmodularsingle-page-appsvgsvg-filtersvisualization
  Language:JavaScript 1

• nicolasmn / motion-blur

  🏇🏻💨 Apply motion blur to any HTML element as it moves

  motion-bluranimationsvg-filters
  Language:JavaScript 0

• revsiak / svg_filters

  svgsvg-filters
  0

• LGiki / fecolormatrix-playground

  💄 A Playground for the feColorMatrix filter

  fecolormatrixsvgsvg-filtersvg-filters
  Language:TypeScript

• voorhoede / code-class-svg-filters

  Exercise files for code class about SVG filters.

  code-classexercisessvgsvg-filtersgraphics
  Language:HTML