Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

🌟 An interactive #SVG reference: #WebDesign

fffuel.co

1,090 subscribers

51,532 views • 3 years ago •via X (Twitter)

#SVG #WebDesign

Anya Rossi• Live Now

Private livecam show

5 Comments

mightyalex3 years ago

©2̶0̶2̶2̶ 2023

fffuel.co3 years ago

Oh thanks for the heads up! That completely slipped my mind.

bebsico3 years ago

Some neat ssstuff

Alter Daniel Moradel ¬¬3 years ago

@SaveToNotion #tweet #css

Miguel Oliveira3 years ago

@teaguinho_feiu

Related Videos

Gemini 3.5 Flash can process complex visual data and translate it into functional, interactive code. Watch Gemini analyze lighting from a reference image, and build an interactive 3D visualizer to preview the setup.

Gemini 3.5 Flash can process complex visual data and translate it into functional, interactive code. Watch Gemini analyze lighting from a reference image, and build an interactive 3D visualizer to preview the setup.

Google Gemini

1,129,081 views • 4 months ago

ProgramDistill From Interactive Web Apps to Verifiable Reference-Guided SWE Tasks paper:

ProgramDistill From Interactive Web Apps to Verifiable Reference-Guided SWE Tasks paper:

AK

20,679 views • 26 days ago

crazy, i was just testing gemini 3 and nano banana pro, and.. suddenly, i’m building a full svg walkman connected to an music api, with an interactive environment running around it (not in one shot) Google Gemini

crazy, i was just testing gemini 3 and nano banana pro, and.. suddenly, i’m building a full svg walkman connected to an music api, with an interactive environment running around it (not in one shot) Google Gemini

Aurelien

296,158 views • 11 months ago

Interactive SVG Animations is now live! Everything I know about SVGs, distilled into five modules covering everything from syntax, advanced SVG features, peformance characteristics and more! You can preview the first lesson right here (desktop-only atm!)

Interactive SVG Animations is now live! Everything I know about SVGs, distilled into five modules covering everything from syntax, advanced SVG features, peformance characteristics and more! You can preview the first lesson right here (desktop-only atm!)

nanda

177,780 views • 1 year ago

Made entirely inside Wonder! Here's how we did it: We used the SVG generation model from QuiverAI for the lettering, added a shader effect from the shaders library, and turned it into an interactive poster.

Made entirely inside Wonder! Here's how we did it: We used the SVG generation model from QuiverAI for the lettering, added a shader effect from the shaders library, and turned it into an interactive poster.

Wonder

14,887 views • 3 months ago

SVG to the lead ... ON AN OVAL!!!

SVG to the lead ... ON AN OVAL!!!

NASCAR

985,326 views • 3 months ago

Superstar #MaheshBabu reference in #Karuppu / #Veerabhadrudu 🌟

Superstar #MaheshBabu reference in #Karuppu / #Veerabhadrudu 🌟

VardhanDHFM

13,392 views • 4 months ago

thats why its cool that heerich.js uses an SVG

thats why its cool that heerich.js uses an SVG

David Aerne

29,330 views • 6 months ago

Lottie Creator is here! A powerful web-based Lottie animation tool. 🚀 🌟 Timeline & keyframes 🌟 SVG import 🌟 Animation presets 🌟 100,000+ Lottie animations & more Get started at today!

Lottie Creator is here! A powerful web-based Lottie animation tool. 🚀 🌟 Timeline & keyframes 🌟 SVG import 🌟 Animation presets 🌟 100,000+ Lottie animations & more Get started at today!

LottieFiles

86,044 views • 2 years ago

It’s so cool how you can turn an image into an SVG with AI

It’s so cool how you can turn an image into an SVG with AI

Abhinav

244,055 views • 6 months ago

Revamped my personal GitHub profile readme! 🎉 I’ve made a fully responsive website inside an SVG, loaded as an image, using HTML, inside markdown, inside a readme.md. Not only is it interactive and supports light/dark mode, but it also includes a fallback for Firefox😂#github

Terkel

395,569 views • 2 years ago

As “draw an SVG pelican riding a bicycle” nears saturation we must expand to harder variations—like an SVG pelican on a bicycle chasing you through the Backrooms. Here’s Claude Fable 5 Max:

As “draw an SVG pelican riding a bicycle” nears saturation we must expand to harder variations—like an SVG pelican on a bicycle chasing you through the Backrooms. Here’s Claude Fable 5 Max:

Riley Goodside

46,497 views • 3 months ago

From 48 World Cup nations to an interactive 3D flower world. Tripo turns each nation into photorealistic 3D flowers, each designed with its own form, color palette, material texture, and cultural reference, and brings them into an interactive experience with GPT-5.5. The full collection is interactive, so every flower can be viewed, rotated, and explored in 3D. Tripo AI turns ideas into 3D experiences you can actually see, share, and explore.

From 48 World Cup nations to an interactive 3D flower world. Tripo turns each nation into photorealistic 3D flowers, each designed with its own form, color palette, material texture, and cultural reference, and brings them into an interactive experience with GPT-5.5. The full collection is interactive, so every flower can be viewed, rotated, and explored in 3D. Tripo AI turns ideas into 3D experiences you can actually see, share, and explore.

Tripo 🔜 gamescom

13,551 views • 3 months ago

Making an interactive toy

Making an interactive toy

Science girl

98,513 views • 1 year ago

Always have an SVG goo filter ready to go in your UI toolkit 🎯 .container { filter: url(#goo); } One line of CSS on the container + the SVG filter 🤙 Throw a border on for "Fake 3D" 👀 SVG filter code below 👇

Always have an SVG goo filter ready to go in your UI toolkit 🎯 .container { filter: url(#goo); } One line of CSS on the container + the SVG filter 🤙 Throw a border on for "Fake 3D" 👀 SVG filter code below 👇

jhey ʕ•ᴥ•ʔ

189,799 views • 2 years ago

"roll for premium" with CSS, [type=range], and an SVG noise filter 🤙

"roll for premium" with CSS, [type=range], and an SVG noise filter 🤙

jhey ʕ•ᴥ•ʔ

222,289 views • 1 year ago

This is an beta interactive

This is an beta interactive

God Mari

45,866 views • 9 months ago

Introducing Universal Simulator (UniSim), an interactive simulator of the real world. Interactive website: Paper:

Introducing Universal Simulator (UniSim), an interactive simulator of the real world. Interactive website: Paper:

Sherry Yang

440,007 views • 3 years ago