DEV Community

loading...
George Francis profile picture

George Francis

UI developer ⚡️ Generative everything ❤️ I write about creative coding & front-end development ✨

Work

UI Developer at ProdPad

Introducing... My New Site! ✨

Introducing... My New Site! ✨

Reactions 176 Comments 49
1 min read
CodePen - A Very Wobbly Liquid SVG Button ✨

CodePen - A Very Wobbly Liquid SVG Button ✨

Reactions 29 Comments
1 min read
CodePen - Generative SVG Noise Grid Pattern Maker 🎨

CodePen - Generative SVG Noise Grid Pattern Maker 🎨

Reactions 32 Comments 4
1 min read
CodePen - Fuzzy VHS Dream Clouds 📼 ☁️ [PIXI]

CodePen - Fuzzy VHS Dream Clouds 📼 ☁️ [PIXI]

Reactions 10 Comments
1 min read
CodePen - Generative macOS Big Sur Waves 🌊 [SVG]

CodePen - Generative macOS Big Sur Waves 🌊 [SVG]

Reactions 150 Comments 13
1 min read
CodePen - A Simple SVG Blob Editor [GSAP]

CodePen - A Simple SVG Blob Editor [GSAP]

Reactions 39 Comments 6
1 min read
CodePen - BauBuds - Generative Bauhaus inspired Characters

CodePen - BauBuds - Generative Bauhaus inspired Characters

Reactions 14 Comments 3
1 min read
CodePen - Generative “Embroidery Ring” Style Hills

CodePen - Generative “Embroidery Ring” Style Hills

Reactions 11 Comments 2
1 min read
CodePen - Generative Orb Animation [pixi.js] + Frosty UI ❄️

CodePen - Generative Orb Animation [pixi.js] + Frosty UI ❄️

Reactions 18 Comments 1
1 min read
CodePen - Bridget Riley Inspired Generative SVG

CodePen - Bridget Riley Inspired Generative SVG

Reactions 6 Comments
1 min read
CodePen - Glitchy Synthwave SVG Sun

CodePen - Glitchy Synthwave SVG Sun

Reactions 12 Comments 4
1 min read
CodePen - Generative + Customisable SVG Social Images!

CodePen - Generative + Customisable SVG Social Images!

Reactions 25 Comments 2
1 min read
CodePen - Soften up your designs with a Squircle!

CodePen - Soften up your designs with a Squircle!

Reactions 10 Comments 2
1 min read
CodePen - 60° Gradient Morphing Blob

CodePen - 60° Gradient Morphing Blob

Reactions 6 Comments
1 min read
Generative blob characters using SVG!

Generative blob characters using SVG!

Reactions 106 Comments 5
11 min read
CodePen - Generative Ballpoint Pen Shapes [p5.js]

CodePen - Generative Ballpoint Pen Shapes [p5.js]

Reactions 5 Comments
1 min read
Correct HTML structure for 2 inputs controlling a single value?

Correct HTML structure for 2 inputs controlling a single value?

Comments 2
1 min read
CodePen - Generative Cacti [p5.js]

CodePen - Generative Cacti [p5.js]

Reactions 5 Comments
1 min read
CodePen - Generative Soft Gradients [SVG]

CodePen - Generative Soft Gradients [SVG]

Reactions 6 Comments 4
1 min read
CodePen - Generative Voronoi Splodges (PIXI)

CodePen - Generative Voronoi Splodges (PIXI)

Reactions 6 Comments
1 min read
Generative SVG Christmas Tree Card 🎄

Generative SVG Christmas Tree Card 🎄

Reactions 5 Comments
1 min read
SVG Highlighter Hover State (feTurbulence + clip) 🎨

SVG Highlighter Hover State (feTurbulence + clip) 🎨

Reactions 9 Comments
1 min read
viewbox challenge - altBud!

viewbox challenge - altBud!

Reactions 7 Comments 2
1 min read
HTML5 canvas... responsive!

HTML5 canvas... responsive!

Reactions 35 Comments 5
2 min read
Introducing Squircley, a simple SVG squircle maker!

Introducing Squircley, a simple SVG squircle maker!

Reactions 4 Comments
1 min read
Simplify your imports with webpack aliases 👍

Simplify your imports with webpack aliases 👍

Reactions 9 Comments
1 min read
loading...