Building out the landing page for Kreativa Bandung using the new Astro 5 and React. As a Develope...Building out the landing page for Kreativa Bandung using the new Astro 5 and React. As a Develope...
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
Building out the landing page for Kreativa Bandung using the new Astro 5 and React.
As a Developer, I often see a trade-off between "flashy" animations and site performance. My goal with this project was to have both.
The Tech Stack:
- Astro 5: For that "Zero JavaScript by default" architecture.
- React 19: Selectively hydrated for interactive islands (like the text reveals).
- Lenis: For normalized, luxury-feel smooth scrolling.
- Tailwind CSS: For keeping the style bundle tiny.
It’s just a landing page for now, but it demonstrates how modern tooling can deliver premium experiences without the bloat.
Introducing Mindora — a Life Coaching & Wellness Framer Template.
I designed Mindora for life coaches, wellness professionals, and personal growth brands looking for a calm, modern, and welcoming online presence.
Inspired by clarity, confidence, and meaningful growth, Mindora features a thoughtful layout, dedicated service sections, a blog for sharing valuable insights, and a clean visual style designed to help brands connect with their audience.
Built with Framer, it's a customizable starting point for creating a professional coaching or wellness website.
Explore Mindora and bring your next website idea to life.
Just pure React, frame-level spring math, and code.
Built this SaaS product reel completely with Remotion at 60fps. Programmatic motion design makes it effortless to keep animations 100% true to real product UI while allowing programmatic variant generation.
💯 What you receive as a deliverable:
🎬 Production Video: 4K/60fps .mp4 or .webm ready for social, ads, and landing pages
🪟 Transparent Overlays: Alpha-channel .mov (ProRes 4444) to drop over your existing product footage
🔁 Looping Assets: Optimized .gif files for GitHub readmes and email campaigns