Loading video...

Video Failed to Load

Go Home

Introducing the SVG Pattern Generator ✨ 200 compatible SVG patterns and a web app to combine them into infinite variations. ↓

nucleoicons's profile picture

Nucleo Icons

12,458 subscribers

77,478 views • 21 days ago •via X (Twitter)

EducationScience & Technology
LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

SVG Pattern Builder create, customize, and download unique animated patterns
0:45

SVG Pattern Builder create, customize, and download unique animated patterns

dudu

60,198 views • 1 year ago

VCode app is out SVG as Symbolic Visual Representation Turn any image into symbolic SVG
0:25

VCode app is out SVG as Symbolic Visual Representation Turn any image into symbolic SVG

AK

56,912 views • 7 months ago

Create custom SVG patterns with options for size, rotation, and color, exportable in SVG, PNG, GIF, and video formats. — #free by Meng To
0:25

Create custom SVG patterns with options for size, rotation, and color, exportable in SVG, PNG, GIF, and video formats. — #free by Meng To

Ozan Öztaskiran

54,214 views • 1 year ago

Introducing ✨ Transform npm downloads into stunning charts you can save (PNG or SVG) and share with your community.
0:47

Introducing ✨ Transform npm downloads into stunning charts you can save (PNG or SVG) and share with your community.

Sébastien Chopin

89,896 views • 1 year ago

honored to contribute to this year's live globe site 🌎 the desktop is a separate app that gets embedded into the scene — built with web components, tailwind, and SVG 👨‍🍳 hint: 4930
0:29

honored to contribute to this year's live globe site 🌎 the desktop is a separate app that gets embedded into the scene — built with web components, tailwind, and SVG 👨‍🍳 hint: 4930

jhey ʕ•ᴥ•ʔ

99,848 views • 6 months ago

You can now bring your images to life, just upload any image and it turns it into a clean and precise SVG. we're using a custom model specifically trained for SVG recognition and generation. the results are insane
0:37

You can now bring your images to life, just upload any image and it turns it into a clean and precise SVG. we're using a custom model specifically trained for SVG recognition and generation. the results are insane

Junior García

25,643 views • 3 months ago

Watch how Gemini 3 Flash compares to 2.5 Pro when generating SVG code and simple web apps. ↓
0:59

Watch how Gemini 3 Flash compares to 2.5 Pro when generating SVG code and simple web apps. ↓

Google DeepMind

57,669 views • 6 months ago

A pattern generator I made in Goo Engine awhile ago. Can generate an infinite amount of procedural tiling patterns! #gooengine #b3d #bnpr Blender 3D
2:17

A pattern generator I made in Goo Engine awhile ago. Can generate an infinite amount of procedural tiling patterns! #gooengine #b3d #bnpr Blender 3D

ruki

23,659 views • 3 years ago

I might call this "DiceGL" 🎲 🎲 The js framework makes it possible to map dice rolls to generate vector patterns and drive a plotter accordingly (.svg / .hpgl supported)
0:30

I might call this "DiceGL" 🎲 🎲 The js framework makes it possible to map dice rolls to generate vector patterns and drive a plotter accordingly (.svg / .hpgl supported)

Julien Gachadoat

60,255 views • 2 years ago

OmniSVG demo & weights finally dropped on Hugging Face🔥🔥 ✨ end-to-end multimodal SVG generator ✨ leverages pre-trained VLMs ✨ works all the way from simple icons to intricate anime characters
0:55

OmniSVG demo & weights finally dropped on Hugging Face🔥🔥 ✨ end-to-end multimodal SVG generator ✨ leverages pre-trained VLMs ✨ works all the way from simple icons to intricate anime characters

Linoy Tsaban

19,565 views • 10 months ago

Awesome websites for coders. - Mobile color palettes generator - Next-gen full-stack hosting. - Code snippets generator - A lightweight analytics platform - 500K+ free SVG icons
0:26

Awesome websites for coders. - Mobile color palettes generator - Next-gen full-stack hosting. - Code snippets generator - A lightweight analytics platform - 500K+ free SVG icons

Csaba Kissi

12,287 views • 29 days ago

TUTORIAL: create shimmering SVG paths in Framer without any code. comment “SVG” and i’ll send this to you for free.
0:30

TUTORIAL: create shimmering SVG paths in Framer without any code. comment “SVG” and i’ll send this to you for free.

Framer University

25,575 views • 1 year ago

5 cool sites for web developers – TypeScript table component - Next gen full-stack hosting (JavaScript, PHP, Python...) – Gradient SVG wave generator – Tiny useful dev tools – Open-source API testing client
0:20

5 cool sites for web developers – TypeScript table component - Next gen full-stack hosting (JavaScript, PHP, Python...) – Gradient SVG wave generator – Tiny useful dev tools – Open-source API testing client

Csaba Kissi

27,099 views • 6 months 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 👇
0:31

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,511 views • 1 year ago

Updated my SVG-to-CSS converter to support multiple path elements. An easy way to convert complex SVG shapes into CSS. It's a single-element implementation with a single shape() value! You can also have the border-only version using border-shape.
0:34

Updated my SVG-to-CSS converter to support multiple path elements. An easy way to convert complex SVG shapes into CSS. It's a single-element implementation with a single shape() value! You can also have the border-only version using border-shape.

CSS by T. Afif

15,155 views • 2 months ago

I keep building “tiny tools for myself” that somehow turn into full design apps which I usually use once and abandon. Just made an SVG animation generator. It’s actually good
0:32

I keep building “tiny tools for myself” that somehow turn into full design apps which I usually use once and abandon. Just made an SVG animation generator. It’s actually good

Mike Bespalov

66,810 views • 6 months ago

You can download any of the graphics in Canva as svg files and bring them in to #Keynote for editing!
0:45

You can download any of the graphics in Canva as svg files and bring them in to #Keynote for editing!

Mike Sammartano

15,680 views • 3 years ago

I made a design tool. 95% of it was coded by Claude AI. You can design, animate SVG patterns and export to vectors, png, video or GIF. Use presets, save designs and share urls. Works great on mobile and web. 10k lines of code. The future is insanely fun.
0:59

I made a design tool. 95% of it was coded by Claude AI. You can design, animate SVG patterns and export to vectors, png, video or GIF. Use presets, save designs and share urls. Works great on mobile and web. 10k lines of code. The future is insanely fun.

Meng To

236,651 views • 1 year ago

Glass Marbles! A small experiment in real-time refraction. Combining SVG filters with a WebGL-rendered displacement map to simulate the optical properties of glass spheres. #webgl #svg #shaders #creativecoding
0:48

Glass Marbles! A small experiment in real-time refraction. Combining SVG filters with a WebGL-rendered displacement map to simulate the optical properties of glass spheres. #webgl #svg #shaders #creativecoding

Hans Chiu

11,302 views • 22 days ago

Introducing web wallet - No extensions—natively integrated into the web app - Dock and minimize both the wallet and mini apps in the sidebar
0:23

Introducing web wallet - No extensions—natively integrated into the web app - Dock and minimize both the wallet and mini apps in the sidebar

Dan Romero

83,289 views • 1 year ago