luukdv / Gooey React
Licence: mit
The gooey effect for React, used for shape blobbing / metaballs (0.5 KB) π§½
Stars: β 219
Programming Languages
typescript
32286 projects
Projects that are alternatives of or similar to Gooey React
Mojs
The motion graphics toolbelt for the web
Stars: β 17,189 (+7748.86%)
Mutual labels: graphics, shape, svg
Bgrabitmap
π BGRABitmap graphics library made with Lazarus (Free Pascal).
Stars: β 112 (-48.86%)
Mutual labels: graphics, svg
Built vector
Generate Flutter vector code from a subset of SVG files.
Stars: β 33 (-84.93%)
Mutual labels: shape, svg
Perfect Freehand
Draw perfect pressure-sensitive freehand strokes.
Stars: β 999 (+356.16%)
Mutual labels: graphics, svg
G2
π A highly interactive data-driven visualization grammar for statistical charts.
Stars: β 11,020 (+4931.96%)
Mutual labels: graphics, svg
Bounty
Javascript and SVG odometer effect library with motion blur
Stars: β 724 (+230.59%)
Mutual labels: graphics, svg
Wechart
Create all the [ch]arts by cax or three.js - Cax ε three.js ει δΈεεΎ[葨]
Stars: β 152 (-30.59%)
Mutual labels: graphics, svg
Computestochasticreflections
Compute Stochastic Screen Space Reflections for unity post processing
Stars: β 163 (-25.57%)
Mutual labels: graphics, effect
Gi
Native Go (golang) Graphical Interface system (2D and 3D), built on GoKi tree framework
Stars: β 864 (+294.52%)
Mutual labels: graphics, svg
Macsvg
macSVG - An open-source macOS app for designing HTML5 SVG (Scalable Vector Graphics) art and animation with a WebKit web view β€β€β€
Stars: β 789 (+260.27%)
Mutual labels: graphics, svg
Nnao
Neural Network Ambien Occlusion based on http://theorangeduck.com/page/neural-network-ambient-occlusion
Stars: β 57 (-73.97%)
Mutual labels: graphics, effect
Konva
Konva.js is an HTML5 Canvas JavaScript framework that extends the 2d context by enabling canvas interactivity for desktop and mobile applications.
Stars: β 6,985 (+3089.5%)
Mutual labels: graphics, shape
Oshmi
SCADA HMI for substations and automation applications.
Stars: β 180 (-17.81%)
Mutual labels: graphics, svg
Hologramshader
βοΈ Test of an hologram material made in Unity.
Stars: β 684 (+212.33%)
Mutual labels: graphics, effect
Svglib
Read SVG files and convert them to other formats.
Stars: β 139 (-36.53%)
Mutual labels: graphics, svg
The 'gooey effect' has been made popular by various (amazing) blogposts over the years. This tiny component makes it easy to use within React, and has improved the implementation as much as possible. It's optimized to be as sharp/crisp as possible, since existing implementations can be a bit blurry. Safari support (which can be notorious, and is usually missing) has been added as well. The gooey effect for React
Installation (~0.5 KB)
npm install gooey-react
Usage
import Goo from 'gooey-react'
<Goo> β¦ </Goo>
You can put regular HTML elements inside Goo
, but using an SVG is recommended for better browser support. Shape blobbing will be applied to everything within the component.
Visit the website for full documentation, properties and examples.
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].