https://dimaac.com/ https://dimaac.com/files/og/home.png 2026-10-18 weekly 1 https://dimaac.com/projects 2026-10-18 weekly 0.9 https://dimaac.com/projects/form-cards https://dimaac.com/thumbs/form-cards.jpg This Award Winning Scroll Is Mostly CSS Grid (GSAP Tutorial) https://i.ytimg.com/vi/zeq9mFHGYRw/hqdefault.jpg Project cards that open on hover, mostly CSS Grid and one GSAP timeline. https://www.youtube.com/embed/zeq9mFHGYRw 2026-10-18 2026-10-18 monthly 0.8 https://dimaac.com/projects/mineral-dial https://dimaac.com/thumbs/mineral-dial.jpg I Rebuilt an Awwwards Site of the Day Scroll Effect (GSAP + Canvas) https://i.ytimg.com/vi/VxMBBIkAjkc/hqdefault.jpg A scroll-driven dial of minerals, an image sequence on canvas. https://www.youtube.com/embed/VxMBBIkAjkc 2026-10-11 2026-10-11 monthly 0.8 https://dimaac.com/projects/butter-scroll https://dimaac.com/thumbs/butter-scroll.jpg I Rebuilt an Awwwards Site of the Day Scroll Effect with GSAP https://i.ytimg.com/vi/-TwPpdCx1uE/hqdefault.jpg Images jump out of the sentence and land on a timeline as you scroll. https://www.youtube.com/embed/-TwPpdCx1uE 2026-10-03 2026-10-03 monthly 0.8 https://dimaac.com/projects/cylinder-gallery https://dimaac.com/thumbs/cylinder-gallery.jpg This 3D Gallery Is All Over In AWWWARDS! (Canvas + GSAP Tutorial) https://i.ytimg.com/vi/R9nzd-BRl4c/hqdefault.jpg The gallery that is all over Awwwards, drawn on canvas and spun with GSAP. https://www.youtube.com/embed/R9nzd-BRl4c 2026-09-27 2026-09-27 monthly 0.8 https://dimaac.com/projects/canvas-gallery https://dimaac.com/thumbs/canvas-gallery.jpg This Draggable Gallery Effect Is Everywhere. Here's How It Works https://i.ytimg.com/vi/cToXY6bpLlA/hqdefault.jpg A wall of work you drag in any direction, the gallery on every studio site. https://www.youtube.com/embed/cToXY6bpLlA 2026-09-20 2026-09-20 monthly 0.8 https://dimaac.com/projects/wobble-scroll https://dimaac.com/thumbs/wobble-scroll.jpg AWWWARDS Jelly Spiral Scrolling Experience — Three.js + GSAP https://i.ytimg.com/vi/dcGfNtt7FW0/hqdefault.jpg Images that wobble along a spiral as you scroll, Three.js and GSAP. https://www.youtube.com/embed/dcGfNtt7FW0 2026-09-13 2026-09-13 monthly 0.8 https://dimaac.com/projects/mouse-trail https://dimaac.com/thumbs/mouse-trail.jpg Every Award-Winning Site Uses This Mouse Effect... Here's How (GSAP) https://i.ytimg.com/vi/3M6cFOdfu5U/hqdefault.jpg Images spill out behind the cursor and fade, the trail award sites love. https://www.youtube.com/embed/3M6cFOdfu5U 2026-08-30 2026-08-30 monthly 0.8 https://dimaac.com/projects/ascii-reveal https://dimaac.com/thumbs/ascii-reveal.jpg I Turned Images Into ASCII Art With ONE GSAP Tween https://i.ytimg.com/vi/Oe8AhyhuQV0/hqdefault.jpg An image that resolves out of ASCII characters with one GSAP tween. https://www.youtube.com/embed/Oe8AhyhuQV0 2026-08-23 2026-08-23 monthly 0.8 https://dimaac.com/projects/book https://dimaac.com/thumbs/book.jpg STOP Scrolling… Build This Viral Flip Book NOW | GSAP https://i.ytimg.com/vi/JqFbSoR1h34/hqdefault.jpg A sketchbook whose pages turn in 3D, the viral flip book built with GSAP. https://www.youtube.com/embed/JqFbSoR1h34 2026-08-09 2026-08-09 monthly 0.8 https://dimaac.com/projects/tilt-navbar https://dimaac.com/thumbs/tilt-navbar.jpg Stop Making Boring Menus — GSAP Out Of Screen Menu https://i.ytimg.com/vi/yeMy8JJspHs/hqdefault.jpg A menu that swings in from outside the screen instead of sliding down. https://www.youtube.com/embed/yeMy8JJspHs 2026-08-02 2026-08-02 monthly 0.8 https://dimaac.com/projects/pixel-canvas https://dimaac.com/thumbs/pixel-canvas.jpg This Hover Effect Looks Impossible — GSAP × Canvas https://i.ytimg.com/vi/kt0PgTff1mw/hqdefault.jpg Hover a name and its video breaks in as pixels, GSAP on a canvas. https://www.youtube.com/embed/kt0PgTff1mw 2026-07-26 2026-07-26 monthly 0.8 https://dimaac.com/projects/stack-scroll https://dimaac.com/thumbs/stack-scroll.jpg Awwwards Cards Fly Out On Scroll — GSAP Animation https://i.ytimg.com/vi/y6T6ki_iSak/hqdefault.jpg Service cards that stack up and fly out one by one as the page scrolls. https://www.youtube.com/embed/y6T6ki_iSak 2026-07-12 2026-07-12 monthly 0.8 https://dimaac.com/projects/exo-work https://dimaac.com/thumbs/exo-work.jpg This $1000s Agency Animation is Actually so Sleek | GSAP https://i.ytimg.com/vi/b8cY5sdfIOQ/hqdefault.jpg A smoky image sequence that pulls you into an agency's work. https://www.youtube.com/embed/b8cY5sdfIOQ 2026-06-28 2026-06-28 monthly 0.8 https://dimaac.com/projects/outfit-intro https://dimaac.com/thumbs/outfit-intro.jpg I Built an AWWWARDS-Style Preloader Animation using only GSAP https://i.ytimg.com/vi/aPsOlH2lZU4/hqdefault.jpg An Awwwards-style preloader for a fashion brand, made only with GSAP. https://www.youtube.com/embed/aPsOlH2lZU4 2026-06-21 2026-06-21 monthly 0.8 https://dimaac.com/projects/settle-text https://dimaac.com/thumbs/settle-text.jpg I Built the Craziest Scroll Text Animation — Full Tutorial https://i.ytimg.com/vi/QSPXwu6299s/hqdefault.jpg Letters that fall and settle into words as you scroll. https://www.youtube.com/embed/QSPXwu6299s 2026-06-07 2026-06-07 monthly 0.8 https://dimaac.com/projects/electric-border https://dimaac.com/thumbs/electric-border.jpg I Recreated the Viral “Electric Border” | SVG Power https://i.ytimg.com/vi/69bzNL6td9g/hqdefault.jpg A card edge that crackles like electricity, drawn with SVG filters. https://www.youtube.com/embed/69bzNL6td9g 2026-05-24 2026-05-24 monthly 0.8 https://dimaac.com/projects/scroll-stand https://dimaac.com/thumbs/scroll-stand.jpg AWWWARDS style portfolio website for showcasing your project | GSAP Lenis ScrollTrigger https://i.ytimg.com/vi/OODKLwP6LpA/hqdefault.jpg A portfolio where each block of work stands up as you scroll, with Lenis. https://www.youtube.com/embed/OODKLwP6LpA 2026-05-17 2026-05-17 monthly 0.8 https://dimaac.com/projects/burst-tl https://dimaac.com/thumbs/burst-tl.jpg Micro-interaction so clean it feels like a case study | GSAP https://i.ytimg.com/vi/kuh4niNGoec/hqdefault.jpg Hover a word and a burst of portraits flies out, one clean timeline. https://www.youtube.com/embed/kuh4niNGoec 2026-05-10 2026-05-10 monthly 0.8 https://dimaac.com/projects/folder-hover https://dimaac.com/thumbs/folder-hover.jpg This Folder Hover Trick Is Illegal on AWWWARDS | GSAP https://i.ytimg.com/vi/URlH5855U-Y/hqdefault.jpg Service folders whose tabs lift and open on hover. https://www.youtube.com/embed/URlH5855U-Y 2026-05-03 2026-05-03 monthly 0.8 https://dimaac.com/projects/free-fall https://dimaac.com/thumbs/free-fall.jpg Illegal Animation Free Fall is crazy (GSAP + Lenis) — Awwwards Vibes https://i.ytimg.com/vi/X62vY-iu4jA/hqdefault.jpg A proof-of-work grid where the images free-fall into place, with Lenis. https://www.youtube.com/embed/X62vY-iu4jA 2026-04-26 2026-04-26 monthly 0.8 https://dimaac.com/projects/clip-scroll https://dimaac.com/thumbs/clip-scroll.jpg This Scroll Animation Will Make Your Portfolio Look $10,000 https://i.ytimg.com/vi/35KRxhgDifY/hqdefault.jpg A villa site where every image opens through a clip-path as you scroll. https://www.youtube.com/embed/35KRxhgDifY 2026-03-15 2026-03-15 monthly 0.8 https://dimaac.com/projects/svg-hover https://dimaac.com/thumbs/svg-hover.jpg I Built That Viral Ink Hover Effect (You Can Too) https://i.ytimg.com/vi/IKj196tviac/hqdefault.jpg Character cards that spill into colour through an SVG ink mask on hover. https://www.youtube.com/embed/IKj196tviac 2026-03-08 2026-03-08 monthly 0.8 https://dimaac.com/projects/alexandra https://dimaac.com/thumbs/alexandra.jpg $10,000 AWWWARDS Animation — Built with GSAP + Next.js https://i.ytimg.com/vi/IfSIOI9Qpb4/hqdefault.jpg A Next.js portfolio intro where five portraits gather into one hero. https://www.youtube.com/embed/IfSIOI9Qpb4 2026-02-22 2026-02-22 monthly 0.8 https://dimaac.com/projects/flowart https://dimaac.com/thumbs/flowart.jpg Every Developer Needs to Know This Scroll Trick (GSAP + Lenis) https://i.ytimg.com/vi/UaaUmPdDS1g/hqdefault.jpg An art platform landing page built on one scroll trick with Lenis. https://www.youtube.com/embed/UaaUmPdDS1g 2026-02-15 2026-02-15 monthly 0.8 https://dimaac.com/projects/text-block https://dimaac.com/thumbs/text-block.jpg This Will Change Your Portfolio Forever! GSAP Power! https://i.ytimg.com/vi/qETwN4zAU0E/hqdefault.jpg A coloured block sweeps each line of text in, over a rising image. https://www.youtube.com/embed/qETwN4zAU0E 2026-02-08 2026-02-08 monthly 0.8 https://dimaac.com/projects/text-image https://dimaac.com/thumbs/text-image.jpg The Text Image Reveal Animation That's Breaking The Internet https://i.ytimg.com/vi/nOo5YU0w2-s/hqdefault.jpg A headline where small images open up between the words. https://www.youtube.com/embed/nOo5YU0w2-s 2026-02-01 2026-02-01 monthly 0.8 https://dimaac.com/projects/our-team https://dimaac.com/thumbs/our-team.jpg Awwwards-Winning 3D Reveal Animation | GSAP ScrollTrigger Tutorial https://i.ytimg.com/vi/UTiCHu55ECg/hqdefault.jpg Team cards that turn and reveal in 3D as you scroll. https://www.youtube.com/embed/UTiCHu55ECg 2026-01-18 2026-01-18 monthly 0.8 https://dimaac.com/projects/scroll-spread https://dimaac.com/thumbs/scroll-spread.jpg Awwwards Flowing Images in 3D Using GSAP & Scrolltrigger https://i.ytimg.com/vi/HPAWsR4_OKE/hqdefault.jpg Images that flow out from the centre in 3D as you scroll. https://www.youtube.com/embed/HPAWsR4_OKE 2026-01-11 2026-01-11 monthly 0.8 https://dimaac.com/projects/rdr2-list https://dimaac.com/thumbs/rdr2-list.jpg Awwwards-Level List Reveal Animation with GSAP ScrollTrigger | Cinematic View https://i.ytimg.com/vi/nlm37S3PKG4/hqdefault.jpg A cinematic character list where each name brings in its portrait. https://www.youtube.com/embed/nlm37S3PKG4 2026-01-04 2026-01-04 monthly 0.8 https://dimaac.com/projects/depuydt https://dimaac.com/thumbs/depuydt.jpg Add This To Your Website | AWWWARDS Reveal https://i.ytimg.com/vi/3i_1sQmQE34/hqdefault.jpg A loader that splits open onto full-screen interior films. https://www.youtube.com/embed/3i_1sQmQE34 2025-12-28 2025-12-28 monthly 0.8 https://dimaac.com/projects/project-hover https://dimaac.com/thumbs/project-hover.jpg This improved my PORTFOLIO! AWWWARDS level animation! https://i.ytimg.com/vi/dJYKdFYRMgk/hqdefault.jpg A project list where a preview floats with the cursor over each name. https://www.youtube.com/embed/dJYKdFYRMgk 2025-12-21 2025-12-21 monthly 0.8 https://dimaac.com/projects/h-scroll https://dimaac.com/thumbs/h-scroll.jpg Awwwards-Level Horizontal Scroll Effect | GSAP ScrollTrigger https://i.ytimg.com/vi/VfYcSToxlE0/hqdefault.jpg An architecture portfolio that scrolls sideways, pinned with ScrollTrigger. https://www.youtube.com/embed/VfYcSToxlE0 2025-12-14 2025-12-14 monthly 0.8 https://dimaac.com/projects/pin-cards https://dimaac.com/thumbs/pin-cards.jpg AWWWARDS Style Section Showcase | GSAP & Scroll Trigger https://i.ytimg.com/vi/KCgJDg6lxl0/hqdefault.jpg Game cards that pin and stack, one section at a time. https://www.youtube.com/embed/KCgJDg6lxl0 2025-12-07 2025-12-07 monthly 0.8 https://dimaac.com/projects/awwwards-showcase https://dimaac.com/thumbs/awwwards-showcase.jpg AWWWARDS Scrolltrigger Showcase Tutorial! https://i.ytimg.com/vi/IMmquQ1F6SA/hqdefault.jpg A works page where the images rise and scale in with ScrollTrigger. https://www.youtube.com/embed/IMmquQ1F6SA 2025-11-30 2025-11-30 monthly 0.8 https://dimaac.com/projects/sticky-footer https://dimaac.com/thumbs/sticky-footer.jpg AWWWARDS Sticky Footer ! So EASY https://i.ytimg.com/vi/g49wzPODrs4/hqdefault.jpg A footer that slides out from under the page as you reach the end. https://www.youtube.com/embed/g49wzPODrs4 2025-11-23 2025-11-23 monthly 0.8 https://dimaac.com/projects/cursor-text-masking https://dimaac.com/thumbs/cursor-text-masking.jpg Easy GSAP Scrolling Mask Animation https://i.ytimg.com/vi/d0SBkv7mWos/hqdefault.jpg A circle follows the cursor and reveals another layer of text underneath. https://www.youtube.com/embed/d0SBkv7mWos 2025-11-08 2025-11-08 monthly 0.8 https://dimaac.com/projects/kai-studio https://dimaac.com/thumbs/kai-studio.jpg 2026-10-19 monthly 0.8 https://dimaac.com/projects/game-lanyard https://dimaac.com/thumbs/game-lanyard.jpg 2026-10-02 monthly 0.8 https://learn.dimaac.com/ monthly 0.8 https://learn.dimaac.com/gsap https://dimaac.com/courses/gsap.jpg weekly 0.9 https://learn.dimaac.com/gsap/02-setup https://dimaac.com/files/og/gsap-02-setup.png monthly 0.7 https://learn.dimaac.com/gsap/03-first-animation https://dimaac.com/files/og/gsap-03-first-animation.png monthly 0.7 https://learn.dimaac.com/gsap/04-properties https://dimaac.com/files/og/gsap-04-properties.png monthly 0.7 https://learn.dimaac.com/gsap/05-to-from-fromto-set https://dimaac.com/files/og/gsap-05-to-from-fromto-set.png monthly 0.7 https://learn.dimaac.com/gsap/06-timing https://dimaac.com/files/og/gsap-06-timing.png monthly 0.7 https://learn.dimaac.com/gsap/07-eases https://dimaac.com/files/og/gsap-07-eases.png monthly 0.7 https://learn.dimaac.com/gsap/08-stagger https://dimaac.com/files/og/gsap-08-stagger.png monthly 0.7 https://learn.dimaac.com/gsap/09-timelines https://dimaac.com/files/og/gsap-09-timelines.png monthly 0.7 https://learn.dimaac.com/gsap/10-controls https://dimaac.com/files/og/gsap-10-controls.png monthly 0.7 https://learn.dimaac.com/gsap/11-scrolltrigger https://dimaac.com/files/og/gsap-11-scrolltrigger.png monthly 0.7 https://learn.dimaac.com/gsap/12-splittext https://dimaac.com/files/og/gsap-12-splittext.png monthly 0.7 https://learn.dimaac.com/gsap/13-image-loader https://dimaac.com/files/og/gsap-13-image-loader.png monthly 0.7 https://studio.dimaac.com/ monthly 0.4