Been exploring how to think about web animations more systematically — not just what to animate, but how to define it upfront. Treating animations like scenes: trigger, elements, mood, easing character. That mental model changes how you approach implementation.
So I built MotionBase around it.
13 animation patterns with live previews and full GSAP/Framer code. A prompt generator that turns your scene definition into an AI prompt ready for Cursor or Claude. An easing visualizer with real cubic-bezier math — live curve preview, side-by-side comparison. And an analyst tab powered by Claude API: drop a description or screenshot, get pattern identification + implementation prompt back.Another entry in my side project streak of embedding AI into real workflows. Will keep building.
→ motionbase.vercel.app (http://motionbase.vercel.app)
1
181
Built a custom headless ecommerce platform for a fashion brand: a bespoke Next.js 16 storefront on top of Shopify, powered by a headless CMS for content. Instead of a standard Shopify theme, I designed and developed a fast, fully tailored shopping experience – from product storytelling and filtering to cart and checkout – giving the brand freedom to scale, run campaigns, and evolve without template limitations.
0
150
Prozak 2.0 Website for Kraków's iconic nightclub — home to world-class DJs and legendary parties. Bold, immersive design that captures the energy of the club experience. Prozak 2.0 is an iconic Kraków nightclub, beloved by electronic music enthusiasts and world-renowned DJs alike. The venue needed a digital presence that would match the energy and reputation of their legendary parties — from intimate club nights to their signature Roof Party and Boat Party summer events.
0
126
