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
I recently dove into Tailwind CSS, TypeScript, and Class Variance Authority—tools that expanded my development toolkit significantly. Using them, I successfully implemented a hover-triggered video playback on thumbnails and designed a sleek scrollbar effect for category navigation, enhancing both function and visual appeal.
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
Hey everyone, new here! 👋
I'm just getting started but already building a lot —
combining real business experience with advanced
AI prompt engineering.
These motion animations were all built by me using
advanced prompt engineering. No manual code.
Just creative vision and knowing exactly what to ask.
What's running here:
→ Scroll-based video scrubbing — the product rotates
frame by frame as you scroll, just like Apple does it
→ GSAP ScrollTrigger — every element enters and exits
precisely synced to scroll position
→ Lenis smooth scroll — that buttery inertia feeling
you notice but can't explain
→ Flashlight cursor effect — a radial gradient
follows your mouse in real time
→ Magnetic buttons — elements pull toward the cursor
with elastic return
→ Native WebGL 2.0 particles — 350 particles rendered
directly on the GPU with custom shaders
These animations will soon be part of a full website
I'll be presenting here in the next few days. 🚀
Stay tuned.
#gsap #motiondesign #webanimation #creativedevelopment
#scrolltrigger #webgl #animation #frontenddevelopment
Welcome Lucas!!
Type "O-R-B-I-S" to override the system. ⚠️
I hid a secret developer terminal inside this landing page. Can you find it?
Aside from the easter eggs, I've pushed the limits of React Three Fiber and custom shaders for this one.
View the full project on my profile to try it yourself. 🚀
Amazing!
Street Safe
Street Safe is a web and Android platform I developed to enable real-time reporting and monitoring of road hazards across Cebu.
I built a Kotlin mobile app for users to submit hazard reports with images and location data, and a React + Tailwind dashboard for authorities to review and respond in real time. The system integrates YOLOv8 via a Flask API to automatically detect and classify hazards from uploaded images, with Firebase handling authentication and real-time data syncing.
Key Results
- Submit hazard reports in under 1 minute
- Real-time updates for faster response and decision-making
- Automated image detection reduces manual work
- Visual mapping of hazards using Leaflet for better prioritization
Tech Stack
React (Vite), Tailwind CSS, Kotlin, Firebase, Flask API, Python, YOLOv8, Leaflet
Very useful and thoughtful platform! Thanks!
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.
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?
aivideo
AI video tools are moving at warp speed. Which ones are you experimenting with?
