Creative coding

A <n>projects navigation concept</n> by designer <n>Joel Vázquez</n>.

did you know: i have a page on my website breaking down a bunch of the shader techniques that i use almost daily

A video still rendered in ASCII art by <n>Yuwen Lu</n>.

Introducing Video2Ascii – a WebGL-powered React component that converts Videos to ASCII art.

I came across the @gen_intuition website and loved their animations but there were no open-source React Components so I reverse engineered it.

<n>email for friends</n>, a UI concept by <n>sam</n>.

I've built an "infinite canvas" both ways: HTML and Canvas. The tradeoffs are pretty stark.

HTML approach:
- World transform Div
- Pan & zoom via CSS transforms
- DOM element creation
- DOM virtualization for offscreen content
- Event handling
- Selection, dragging, transforms
-

A <n>Lenticular Web App</n> that simulates a 3D-like visual effect on a digital image.

got lots of requests for lenticular app/code, so i spent more hours then im willing to admit trying to make it usable. 

open-sourcing it + dropping the web app, have fun!

webgl 3d object morphing using particles as material, powered by @threejs, @pmndrs r3f

made with @v0 and cursor, lots of prompting and manual tweaks

Maybe it’s just fine to design with code

Hero section animations for the website <n>animations.dev</n>.

Some animations for the hero section of animations[.]dev. Made by a course student (@dimicx).

Coming soon.

A screenshot of the <n>3D Line Art Generator</n> tool from <n>Replit</n>.

okay @Replit design is pretty crazy

needed very specific objects in multiple angles for a branding project

and was able to create this SVG generator in one prompt 

so fun 🤓

An exploration of the <n>Halftone Shader</n> feature from the <n>Paper</n> app.

tried exploring @paper 's new Halftone Shader

hero design concept for AI

base image: @midjourney 
interactivity:  @hiunicornstudio

Website for <n>DEEO STUDIO</n>, founded by <n>Yianni</n> and <n>polymorpheus</n>.

Winter Hero Section

Put this together using a glyph dither effect with a custom sprite image + normal map. Wisp for the snow. 

Interactivity: @hiunicornstudio
Web: @framer 
Video: @midjourney

Everyone is going nuts for this cursor following eyeball effect.

I break it all down: how it's made, the code behind it and how we made it 3D with depth maps

<n>ASCII Motion</n>, a browser-based animation tool created by <n>Cameron Foxly</n>.

Excited to launch's Community Gallery, where you can publish, share, and remix ASCII art projects. Make yourself a free account and post it to❤️

added some shaders and models to efecto dot app

"ASCII Glitch Ripple Hover Effect" by Bastou

If your hero section doesnt have an interactive ASCII shader, did you even really make an ASCII Animation app? This is my first time making a landing page. Any of my super talented site designer friends want to roastso I can make it better?

Content creator <n>Jonas Kamber</n> in a thumbnail discussing <n>Codex GPT 5.2</n>.

How I use Codex GPT 5.2 with Xcode (My complete workflow)

Level up your development skills in the new era of agentic coding.

We just launched Shopify Editions Winter 2026 🎨

Here's the technical breakdown of how we built it 🧵

A user interface for <n>BIM OS</n>, a building information modeling system reportedly generated by AI.

omg.. I can't believe Gemini 3 can do this

it can generate an entire 3D interactive building facility management system(digital twin) using Three.js.. no code, just text prompt

it analyse, simulate real time data to identify potential issues

tutorial and prompts in comments

context-aware css card glow/shine effect 👨‍🍳

the trick: duplicate and scale the icon. translate it on pointermove. apply feGaussianBlur 🤙

check it 👇

A brand sprint concept for <n>Thread v1.2</n>, created using <n>Blender</n>.

Sneak peak from a recent brand sprint
Made with good old @Blender

A UI for a prompt-to-3D tool powered by <n>ML-SHARP</n>, shared by developer <n>Jason Ginsberg</n>.

open source prompt to 3D. create and explore entire worlds with your imagination using nano banana.



built with @cursor_ai in 1hr. contributions welcome!

If you've ever seen someone tweet some cool shader and thought "I don't really even know what a shader is and at this point I'm too afraid to ask" - I've written something just for you.

in 2020 i started recreating the stamps my grandpa collected, it was a small lockdown project that sort of grew into a digital collection of my own.

now, @rpavlini and I built an online philately experience where you can explore them and zooooom in like a true philatelist

Save button interaction✨

Built with @motiondotdev

A still from <n>The Matrix Awakens</n>, a video game experience by <n>Epic Games</n> built with <n>Unreal Engine 5</n>.

gemini 3 is unbelievable 

it can create an app that turns image into 3D interactive The Matrix scene, adjust particle amount, color, density

interact with particles using mouse or hands

created with text prompts, no code needed

The <n>Pulsar</n> shader from the <n>efecto</n> software tool, designed by <n>Pablo Stanley</n>, <n>Nata Suu</n>, and <n>Boyan Tsonev</n>.

You can design iOS apps that look like they were designed by Apple... 

Without writing a single line of code.

Here are the 7 Tips (With Prompts) for creating apps that look professionally designed by Apple, using Native iOS UI Components.

With @anshnanda_ who has 10 years of

just published a full guide on building figma-style live cursors

◆ next.js 16 + upstash realtime
◆ smooth 60fps animations
◆ 100% type-safe

really happy with how this turned out 👀

A scene from the anime series <n>AI no Idenshi</n> featuring the character <n>Jay</n>.

oh my.. this is over for developers

Gemini 3 can create interactive 3D webpage in mins, just a few simple text prompts, it generates all the code

you can control millions of particles with your hands and make them form any shape you want

tutorial and prompts below:

Liquid Glass in the Browser: Refraction with CSS and SVG — kube.io

Love shaders? Must see this by @DanHollick

A recreation of the <n>Google Antigravity</n> website using modern CSS.

I recreated the Google Antigravity website with Modern CSS.

- Blog post:
- Demo:

Starting-Style, Houdini PaintWorklet, Scroll-Driven and Scroll-Triggered Animations, sibling-index(), Carousel, Scope, …

#CSS