Breaking the mold for Mindloop. π
I wanted to create an entry experience that felt less like a landing page and more like a digital environment. From the glitch initialization to the surrealist 3D landscapes, every frame is designed to keep the user curious.
Built with a focus on:
Immersive 3D: Blending organic flora with high-tech chrome elements.
Editorial Typography: Balancing tech vibes with sophisticated serif layouts.
Conversion-Driven: Scaling a community of 7,000+ through high-impact visuals.
Iβm currently opening up my calendar for April and May. If youβre looking to elevate your brand with high-end AI video, immersive web design, or a complete visual overhaul, letβs chat.
Check the full website here: https://mindloop-seven.vercel.app/
6
9
1K
Been experimenting with Claude Fable 5 beyond the usual AI coding use cases.
Instead of building another app, I wanted to improve how I build interactive 3D websites.
So I built a live 3D Tuner that lets me adjust lighting, camera, bloom and other scene settings in real time while the site is running, without constantly editing code and refreshing the page.
To test the workflow, I built this Dior Sauvage hero section using my own 3D model.
2
2
347
I built a distortion lens effect shader π in framer.
Move your cursor over an image and watch it distort with jagged, animated edges and inverted colors.
check it out (https://spinning-slides-249046.framer.app/) | remix link (https://framer.com/remix/kk2ieXTeBsqyWl6Cy7jK)
what do u think? π
0
236
Built this hero section with a WebGL shader running underneath editorial typography. Here's the breakdown.
The background isn't an image. It's PlasmaWave β a live shader from ReactBits, rendering in real-time using OGL (WebGL).
What I tuned:
β Warm gold/plum color pair instead of the default purple-cyan
β Vignette + grain layered on top β kills the "AI-generated" look, adds film texture
β Serif typography instead of the usual sans-heavy SaaS look
β Editorial nav/footer β minimal, magazine-style, not "startup landing page"
Built with Lovable + ReactBits. The shader itself runs on the GPU β two animated plasma bands blending into each other, customizable speed, bend, rotation, all live.
Most people use shader backgrounds and leave them looking like a tech demo. The grain + serif type + warm palette is what makes this feel like a fashion editorial instead of a SaaS pricing page.
Curious what people think π
Does a moving shader background actually help a hero section, or is it just noise that distracts from the headline?
#WebGL #ReactBits #Lovable #ShaderArt #UIDesign #FrontendDevelopment #EditorialDesign #BuildInPublic #Contra #CreativeCode
0
134
24 photos, all shot on an iPhone 15 π±, on a wall you can wander through.
This is the Photographs page of my portfolio. The wall is one raw WebGL2 canvas: the photos drift at different depths, pan when you drag, keep sliding when you let go, and lean toward your mouse π±οΈ Each one develops from a grey mosaic into the photo as it loads ποΈ
Open one and you get its caption and the camera's own EXIF.
Mostly black-and-white architecture and street, some colour π€π€ Designed and built by me.
Which frame would you open first? π
π aswin-shine.dev/photographs (http://aswin-shine.dev/photographs)
5
2
423
