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
Experimenting with Webflow + Three.js + shaders.
This experiment mixes:
– Webflow for layout and structure
– Three.js for the 3D scene
– Custom shaders for transitions and visual effects
The focus wasn’t just aesthetics, but how the experience feels.
Subtle camera movement, depth, and interactions that respond to the user.
Still figuring out the balance between performance and visual complexity, but this space feels really promising.
Curious to see how far this can be pushed.
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
For the new people, hi.
I'm Toqir. I build Webflow sites, mostly as the invisible dev behind design studios. They design, I build, client never knows I exist.
Been doing this 5 years.
Webflow Premium Partner. Global Leader. Top 1 on Contra. Awwwards jury two years in a row.
Outside of work I'm probably rewatching Attack on Titan or thinking about it.
If you run a studio and need a solid Webflow partner on the backend, portfolio's below.
https://toqirchatha.com/
And if we haven't connected yet, drop a hello.
Bloom AI — Cinematic Landing Page & Boot Sequence
Developed the interactive landing page for Bloom, an AI-powered floral design platform. The project demanded a highly premium, "Awwwards-caliber" aesthetic merging organic video elements with futuristic, dark-mode glassmorphism.
Technical Highlights:
Custom Preloader: Engineered a "Botanical Boot Sequence" featuring a dynamic iridescent SVG loading ring that expands into a portal wipe.
Advanced Glassmorphism: Wrote custom CSS layers utilizing background-blend-mode: luminosity, fractal noise SVGs, and gradient borders via -webkit-mask-composite.
Fluid Motion: Implemented Framer Motion for buttery-smooth staggered entrances, spring-physics hover states, and a custom mix-blend-difference fluid cursor.
Tech Stack: React, Tailwind CSS, Framer Motion, Lucide Icons.
Here is my workflow
Text ->Image
Image->Video
"A futuristic vision where human effort transforms into robotic precision. This project explores the magical transition from industrial labor to advanced AI-driven workspaces, blending philosophy with cinematic VFX storytelling."
#Human vs Machine
Trending
FLORA
Reusable workflows are replacing one-off prompts in creative AI. Share what you're building in FLORA.
Contra University
Learn from expert creatives how to earn more using next-gen AI tools.
creativeaiflow
Creative AI workflows are evolving. What tools do you use, and what are their strengths and weaknesses?
portfolioreview
The best portfolios tell a story, not just show a grid. Share yours for feedback.
freelancerlife
Freelancer life is wins, pivots, and everything in between. What’s yours right now?