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
In a single night I was able to build this awesome diary PWA using by applying my very own framework architecture with Google AI Studio. I'm actually using the app myself for the first time in my career, like I'm the user of my own craft, can't believe I finally made it.
Now I can think of how I can sell it, but for you who are reading here you can also enjoy the app for free at the link: https://easyaichatdiary.vercel.app/
Love this energy. Building something you actually use yourself is a completely different level of satisfaction. Huge milestone 👏
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
Challenges
View all
Related posts
Launched this yesterday 🏈
Experience it for yourself: http://jjettas.com/
HIS VISOR IS A VIDEO WTFFFFFFFFF!
Someone call AWWWARDS
✈️ Just delivered a travel booking website.
Recently built a modern travel booking platform for a travel business, focused on making it easy for customers to explore destinations, find trips, and take action.
The project combines Framer + Vercel to deliver a fast, modern, and responsive experience.
✨ What we focused on:
Clean travel-focused UI
Responsive design for mobile & desktop
Destination and trip presentation
Smooth booking-focused user experience
Fast deployment with Vercel
Modern Framer frontend
Scalable foundation for future features
The goal wasn't just to make the website look good it was to create a platform that can actually help a travel business turn visitors into bookings.
🔗 Live project: musafer-travels.vercel.app
Building a travel, booking, or tourism platform?
The travel-first structure is very clear—especially the destination browsing and booking path. Framer plus Vercel looks like a strong fit for keeping the experience fast while the visuals do the inviting work.
Ondrel: Enterprise AI Site Rebuild (Motion & Interaction Study)
A hand-coded rebuild of a Framer-grade enterprise AI website. Scroll choreography, pinned storytelling and micro-interactions, reproduced in vanilla JS with no page builder, no WebGL and no stock footage.
What's inside:
- Hero video card that expands to full bleed on scroll while the headline splits apart, then settles back
- Scroll-linked headlines that fill in character by character
- Two pinned sequences: a 5-sector carousel and a 4-case showcase, with wipe transitions, live progress pills and a rotating backdrop
- An interactive dot sphere — 200+ particles morphing through four states in sync with the copy
- Capability wheel, vertical journal carousel and infinite logo marquees
- Menu overlay with staggered reveals, hide-on-scroll nav and an announcement banner
- Every video slot is a real-time procedural scene drawn in code (engine test fire, wind turbines, highway aerials, glass towers), so it loads fast and runs even without WebGL
- Fully responsive with a dedicated mobile layout for every section, plus reduced-motion support
Tech HTML · CSS · Vanilla JS · Canvas 2D · Lenis smooth scroll · Vercel
Got a Framer or Webflow site you've outgrown, or a motion-heavy landing page you want in real code? I build these end to end — message me.
Rebuilding a Framer site in vanilla JS with Lenis scroll instead of a page builder is the harder trade - you lose the visual editor but the scroll choreography stops fighting a framework's own physics.