@samdape I haven't deleted my social media apps yet, but I’ve disabled all notifications. Now, I only check them a couple of times a day.
Doomscrolling on TikTok is still a problem though. 🙃
3D Split Flap Animation
The trickiest part was managing the 3D rotation - making sure the right letters appeared on the front and back faces at the right time. I also had to fine-tune the z-index stacking and gradient overlays to create a realistic flipping effect.
Pretty happy with how it turned out.
Built in @webflow, powered by @greensock.
Quick receipt-style footer design.
I’ve always had a thing for analog ephemera - receipts, records, library cards, old forms. The structured yet imperfect look has a certain charm.
Lately, I’ve been experimenting with more complex designs, but I keep returning to minimal, straightforward ideas like this.
Thinking about adding hover effects with pen strokes or marker textures for a more tactile feel. 🤔
This is a lightweight way to create an interactive effect with minimal JavaScript. It could work for hover effects, page transitions, or interactive storytelling.
Might be useful in the right context. Thoughts?
Dynamic Torchlight Text Reveal 🔦
A text reveal effect using a conic-gradient mask and GSAP. The beam moves side to side, making the text visible as it passes over. A simple way to add some depth to a page.
How it works ⬇️
#Webflow#Framer#GSAP
The text is clipped to a gradient background, so it only appears when the beam passes over it. A subtle grain overlay helps reduce the flat look and adds some texture.