Loading video...

Video Failed to Load

Go Home

Analog UI experimentitation, canvas for the UI elements, shaders for postprocessing. #creativecoding #generativeart

Unordered__list's profile picture

Bart Simons

3,175 subscribers

10,361 views • 5 months ago •via X (Twitter)

#creativecoding#generativeart
LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

Introducing Canvas UI, the first ever html-in-canvas component library. Your DOM is the render target now. Real-time shaders over real, interactive UI. 24 components. React, Vue, Svelte, vanilla TS. Free. Open source. 🧵
0:48

Introducing Canvas UI, the first ever html-in-canvas component library. Your DOM is the render target now. Real-time shaders over real, interactive UI. 24 components. React, Vue, Svelte, vanilla TS. Free. Open source. 🧵

David Haz

1,396,833 views • 11 days ago

BIOCOMPUTE #4 — CIRCUIT Reaction diffusion across an quadtree substrate, greyscale, no trails, normal lighting. JavaScript + WebGL #javascript #webgl #shaders #creativecoding #generativeart
0:30

BIOCOMPUTE #4 — CIRCUIT Reaction diffusion across an quadtree substrate, greyscale, no trails, normal lighting. JavaScript + WebGL #javascript #webgl #shaders #creativecoding #generativeart

Daniel Lever

41,500 views • 3 years ago

HTML canvas has always been a black box to the browser, but not anymore. The HTML-in-Canvas API lets you integrate real DOM elements directly into the canvas, making them fully searchable, accessible, natively translatable, and inspectable. Fuse shaders and semantics to build new UI, eliminating the need for separate DOM overlays → The web is about to get a whole lot more whimsical and we can't wait to see it 🎨
2:08

HTML canvas has always been a black box to the browser, but not anymore. The HTML-in-Canvas API lets you integrate real DOM elements directly into the canvas, making them fully searchable, accessible, natively translatable, and inspectable. Fuse shaders and semantics to build new UI, eliminating the need for separate DOM overlays → The web is about to get a whole lot more whimsical and we can't wait to see it 🎨

Chrome for Developers

41,526 views • 1 month ago

8 new Canvas UI components are now live, pushing HTML-in-Canvas and WebGL UI even further. The new dimension keeps expanding. See them in action:
0:26

8 new Canvas UI components are now live, pushing HTML-in-Canvas and WebGL UI even further. The new dimension keeps expanding. See them in action:

David Haz

14,790 views • 4 days ago

🖤 UI-verse 👉 851 open-source UI elements for any project ◆ 100% free for personal or commercial use ◆ Made with HTML & CSS ◆ Created by a community of over 10,000 contributors #design #uxui #ui #html #css #uidesign #components
0:22

🖤 UI-verse 👉 851 open-source UI elements for any project ◆ 100% free for personal or commercial use ◆ Made with HTML & CSS ◆ Created by a community of over 10,000 contributors #design #uxui #ui #html #css #uidesign #components

Adham Dannaway

72,032 views • 3 years ago

Everything new in #Jailbreak Chapter 4! 🌋 UI Revamp: - New Main-Menu UI with new cutscenes! 📷 - New Sidebar UI with a much cleaner design! 🗺️ - New Season bar UI! 🔥 - New On-screen Cash UI! 💵 - New Speedometer UI with analog tachometer! 🧭 - Mobile UI cleaned up! 📱
0:49

Everything new in #Jailbreak Chapter 4! 🌋 UI Revamp: - New Main-Menu UI with new cutscenes! 📷 - New Sidebar UI with a much cleaner design! 🗺️ - New Season bar UI! 🔥 - New On-screen Cash UI! 💵 - New Speedometer UI with analog tachometer! 🧭 - Mobile UI cleaned up! 📱

Jailbreak Info

23,028 views • 1 month ago

🦖Finally able to show the UI I’ve been coding for #ARKSurvivalAscended 🩸New Skill Tree UI for Lost Colony DLC, now up for preorder. 💻Built in UE5.5 UMG, featuring dynamic branching with cool UI Anims & Gamepad Support. Visuals by our UI artists. #gamedev #UnrealEngine5 #UI
0:32

🦖Finally able to show the UI I’ve been coding for #ARKSurvivalAscended 🩸New Skill Tree UI for Lost Colony DLC, now up for preorder. 💻Built in UE5.5 UMG, featuring dynamic branching with cool UI Anims & Gamepad Support. Visuals by our UI artists. #gamedev #UnrealEngine5 #UI

Alex

27,758 views • 1 year ago

RETHINKING A CAMERA UX & UI FROM A BLANK CANVAS
5:12

RETHINKING A CAMERA UX & UI FROM A BLANK CANVAS

Nuevo.Tokyo™

19,268 views • 2 years ago

Experimenting with an idea I'm calling the sandbox. It's a little zone for the AI to create new UI elements that render in Conductor:
1:01

Experimenting with an idea I'm calling the sandbox. It's a little zone for the AI to create new UI elements that render in Conductor:

Charlie Holtz

27,946 views • 5 months ago

Blown away at how simple to use, fun, and beautiful Canvas UI is! My portfolio site is a living experiment, so today I decided prompt Devin to make it a Canvas UI playground.
0:49

Blown away at how simple to use, fun, and beautiful Canvas UI is! My portfolio site is a living experiment, so today I decided prompt Devin to make it a Canvas UI playground.

nader dabit

81,474 views • 8 days ago

Write simple shaders for HTML elements (Chrome only):
0:29

Write simple shaders for HTML elements (Chrome only):

Shu

56,737 views • 1 year ago

Added gun moves, more UI elements and made some adjustments.
1:33

Added gun moves, more UI elements and made some adjustments.

Blur

861,914 views • 11 months ago

Introducing 21st Agent Elements Diffed edits. Plan approvals. Clarifying questions. Sub-agents. Tool cards. The pieces every "agent UI" lib skips. 25 shadcn /ui components built for the new generation of agents that use your computer. Open-source. Link in thread 🧵
0:28

Introducing 21st Agent Elements Diffed edits. Plan approvals. Clarifying questions. Sub-agents. Tool cards. The pieces every "agent UI" lib skips. 25 shadcn /ui components built for the new generation of agents that use your computer. Open-source. Link in thread 🧵

serafim

44,036 views • 3 months ago

devlog #1 - creating UI background with shaders #godot #devlog #indiegame #indiedev #gamedev #solodev #psychologicalhorror #games
0:33

devlog #1 - creating UI background with shaders #godot #devlog #indiegame #indiedev #gamedev #solodev #psychologicalhorror #games

arch1t3ct

21,627 views • 4 months ago

base ui + shadcn/ui, but for opentui terminal interfaces is out
0:31

base ui + shadcn/ui, but for opentui terminal interfaces is out

Matt Simpson

41,923 views • 6 days ago

Use Design Mode in Cursor 3 to annotate and target UI elements in the browser.
0:23

Use Design Mode in Cursor 3 to annotate and target UI elements in the browser.

Cursor

273,202 views • 3 months ago

Making Games with AI Tools, Part 3 Vibe coded another layout for the game UI Nano Banana: character design + UI Tencent Hunyuan3D: image to 3D Gemini Pro: UI
0:35

Making Games with AI Tools, Part 3 Vibe coded another layout for the game UI Nano Banana: character design + UI Tencent Hunyuan3D: image to 3D Gemini Pro: UI

Dilum Sanjaya

50,904 views • 6 months ago

Must-know open-source or free tools for coders - Open-source UI design platform - Deploy apps without managing infrastructure - preview websites on multiple devices for free - Open-source push notifications with a simple HTTP call - Free collection of beautiful community-made UI elements
0:31

Must-know open-source or free tools for coders - Open-source UI design platform - Deploy apps without managing infrastructure - preview websites on multiple devices for free - Open-source push notifications with a simple HTTP call - Free collection of beautiful community-made UI elements

Csaba Kissi

37,403 views • 14 days ago

2advanced UI/HUD/FUI Tech Volume 1: "Ultraglyph©" Vector Kit - A Resource for Designers + Motion Artists Get Ultraglyph© here: 500+ Elements [EPS, AI, PNG, SVG]. FREE for all paid-tier Patreon members. Non-members + free members use Black Friday discount code: "D94C0" for 20% off until Monday. #vector #kit #vectorkit #ui #uidesign #design #graphicdesign #illustrator #motiondesign #motiongraphics #symbols #elements
0:59

2advanced UI/HUD/FUI Tech Volume 1: "Ultraglyph©" Vector Kit - A Resource for Designers + Motion Artists Get Ultraglyph© here: 500+ Elements [EPS, AI, PNG, SVG]. FREE for all paid-tier Patreon members. Non-members + free members use Black Friday discount code: "D94C0" for 20% off until Monday. #vector #kit #vectorkit #ui #uidesign #design #graphicdesign #illustrator #motiondesign #motiongraphics #symbols #elements

2Advanced Studios

86,070 views • 1 year ago