✅ Frontend Developer
⚙️ Reverse-engineer Awwwards-winning websites in my spare time
🎓 Currently learn WebGL (Three.js Journey course by Bruno Simon)
💡 Previously:
→ UX/UI Designer [ 10 yrs ]
→ Sound Producer [ 5 yrs ]
→ Partner at a web-dev agency [ 3 yrs ]
| Core | HTML, CSS, SCSS, PostCSS, JS, TS |
| Frameworks | React, Next.js, Svelte, SvelteKit, Astro |
| Libs | GSAP, Motion (Framer Motion), Lenis Scroll, Lodash, Radix Primitives, Three.js |
| Data | Sanity CMS, GROQ, REST API, WebSocket, Zustand |
| Misc | Git, Vite, Vercel, Netlify |
FEATURED
- Zlagoda: a portfolio website for an interior design studio, [ client ]
- Shtyka: my portfolio website, repo →
- Sui: a reverse-engineered homepage of an Awwwards-winning website (originally Sui.io), repo →
- Forge: a landing-page for a CNC manufacturer, repo →
EXPERIMENTS
- Animated cube: cube reacts on hover of buttons (Three.js), repo →
- Animated ball and timers: live timing, cursor reaction (Three.js), repo →
- Animated cards: different views, with hovers (Three.js), repo →
- Page transition #3: one page goes (almost) above another (Next Transition Router), repo →
- Page transition #2: grid of animated staggered blocks (Next Transition Router), repo →
- Page transition #1: two pages are visible at the same time (View Transition API), repo →
- Text animation (on Stackblitz): words and svg icons (GSAP)
- Slides animation (on Stackblitz): words, svg and colors (GSAP)
- Squares Poster (on Codesandbox): a Canvas2D experiment
- Lines Poster (on Codesandbox): a Canvas2D experiment
- Eyes Poster (on Codesandbox): a Canvas2D experiment
- Locomotive: a reverse-engineered homepage of an Awwwards-winning website (originally Locomotive.ca), repo →
- Haunted house: a 3d project made with Three.js (home task, Three.js Journey course), repo →
- Password generator and Dashboard: my early exploration of web-animations (home tasks at the Frontend Mentor course).
Repos: password generator →, dashboard →