The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
Published a technical breakdown of a layered text scroll reveal effect built with GSAP and ScrollTrigger.
The focus wasn’t just the animation - but the architecture behind it:
• Segmenting scroll progress mathematically per line
• Using clip-path instead of width to avoid layout reflow
• Syncing Lenis smooth scroll with ScrollTrigger
• Handling font loading before splitting text
• Keeping performance within frame budget
Clean systems > flashy effects.
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Related posts
consumetheinternet is a reimagining of 'scrolling'. Every post, perspective, fact, and piece of misinformation shapes who you are within today's culture.
On an open internet canvas, you move through organic, floating shapes, each an artifact of the internet. When you consume them, you change. Your size, speed, and shape shift. The experience makes visible what usually feels invisible: how constant exposure subtly rewires your mood, beliefs, attention span, and sense of self.
The project also explores how access shapes identity. Censorship, service outages, inaccessible design, tech inequity, and screen breaks all determine what someone is able to absorb, good or bad.
demo video <3 :)
This is Ink It.
The first online Chinese Calligraphy practice platform, built entirely with Figma Make.
Calligraphy is one of the oldest art forms in Chinese culture. It's meditative. It's expressive. And for most people outside of Asia, it's completely out of reach.
2 ways you can go about using Ink It:
1) Mouse mode - write strokes using your mouse or trackpad
2) Hand mode - use your camera to write in the air, just like real ink on paper
Strokes not looking right? Toggle on ‘Accurate mode’ and the ink ‘snaps’ into the correct calligraphic path as you follow the stroke order. It's forgiving for beginners, but still teaches you the real thing.
When you’re done, you can save your work to your desktop and share it with your friends!
Give it a try → https://grid-update-56671146.figma.site/
really awesome!
Designing system feedback, especially loading states, used to exhaust me. Searching for inspiration, then animating from scratch… too much work.
So I said: no more. I built something to make it easier.
Meet Dotload, a mini animation tool for creating simple to complex dot grid loaders for your projects.
You can customise colour, size, gap, speed, glow, shape, pattern, and grid in real time.
Compose multiple loaders on an infinite canvas and experiment freely.
Export as React components, PNG, SVG, GIF, Lottie, JSON, or video and ready for production
Dotload makes designing and shipping beautiful loading animations fast, fun, and effortless.
Play with it here and let me know what you think
https://dotload.figma.site/
Trending
maxearnings
The next frontier of payments is live on Contra. How are you maximizing revenue?
freelancerlife
Freelancer life is wins, pivots, and everything in between. What’s yours right now?
aidesignflow
AI tools are redefining how designer work. What does your workflow look like?
micrographics
Micrographics started as utility - barcodes, packaging, instruction labels. How would you use them?
aivideo
AI video tools are moving at warp speed. What tools are you using?