Web design

One of my favourite things about our new docs is all of our illustrations are inline SVGs that use CSS variables for their colours. This means all our visuals get a dark mode too 🌚

weekend exploration layering ascii w footage

CleanShot 2025-08-20 at 10.49.11

You probably wondered how websites like this were made. 

So here is a quick breakdown:

The new GSAP UI settings in Webflow are seriously impressive. I built a scroll animation to test them out and recorded a full video breakdown. Free cloneable included!

Thanks to @WebIsBae and @webflow for giving me early access.

how do Adaline and Apple make these crazy 3d zooming effects as you scroll?

it's easier than you think - let me show you how

prompts and code in thread:

We created these animations in ten minutes TOTAL in Midjourney. Just uploaded flat art and told it what to do. 

The game is changing fast.

made myself a slider with animation and webgl in mind. made it open source and gave it a mini landing page

link below

making a landing page in 2025  

tech stack: @boltdotnew + @midjourney + talent and/or patience 
total cost: ~$10 maybe
time spent: one evening watching NFL in the background  

it's never been easier, and it's never been cheaper to bring your ideas into life!

If you think Rive looks cool, but don’t know where to start

Here’s a 20min tutorial to learn the basics and level up your portfolio:

I don't think I've seen a button hover state like this before 😍

Lots of nice design details on the new @Chronicle_HQ site 👇

Finally tried out @hiunicornstudio and here's a quick tutorial on how to create this glitchy futuristic image reveal component 🧵

Thanks @yiannifive for the breakdown, @itsoffbrand for the original work they did for @LandoNorris, and @soulegit for creating an amazing tool!

How does Apple make these crazy video transitions as you scroll?

Let's recreate it with pure CSS with scroll-driven animations and view-timeline

That's right, no scroll event listeners!

Web Design in Framer
Day 5 - Hero Section

Garden | Patent Intelligence, Reimagined

Interesting approach with a card-based navigation.

→

this scroll animation is NOT done with spline...

i used @framer + @chatgptapp + @runwayml to build it without any code.

here's how i did it step-by-step (remix link + prompts included): 🧵

You can now do this in Relume 👇

✅ Sitemap
✅ Wireframe
✅ Style Guide
✅ Styled Site
✅ Export to Figma/Webflow

It used to take days. Now it takes minutes.

Website for <n>The Secret History of Indian Science Fiction</n>, designed by <n>Adithya Venkatesan</n> and edited by <n>Gautama Polanki</n>.

one of THE best websites I've seen this year

A digital illustration by graphic designer <n>Tim Hosqo</n>.

More card experimentations. Made in @figma

Interesting glitch hover effect for icons

→

turn any idea into an image or icon in Paper

• make beautiful imagery instantly
• or paste in your brand and match its style
• or edit existing images with natural language

we use three models at once so you can explore quickly

learn how in the comments

Good morning!!

Liquid Metal is our most popular effect in @paper. But it is not perfect.

So today we're sharing Liquid Metal v2. Perfected. Upload your logo and see, now with perfect edges, new sliders, and video export.

Cannot wait to see what you make, link in the thread

when aligning icons with text, you can set the height to 1lh

it equals the element's line-height, so icons align perfectly

New icons for <n>Evervault Cards</n>, a payment product suite from <n>Evervault</n>.

Finally got back around to finishing up the 3D icons for the @evervault docs.

Line animations for @chaos_labs.
Created in @cavalry__app