Getting Started

Introduction Templates New

Layout Components

Expandable Panel

Gallery & Media

Image Gallery Scrolling Gallery Liquid Image Reveal

Card Components

Mouse Tilt Card Post Swiper Swipeable Cards Instagram Card Twitter Card Facebook Card Perspective Card Stack Stacked Card Slider

Interactive Elements

Mouse Trail Context Menu Project Hover Section Mask Reveal on Hover

Scroll Animations

Pin Rotate Sections Proof Of Work Images Flow Section 3D Flow Art

Text & Animation

Text Loader Text Scramble Reveal Text Block Effect
DiMaac ProGet all templates →
← All templates

Étude

ProNew

Next.js 15 + R3F portfolio — scroll-synced WebGL gallery, shader preloader, Lenis, five case-study works.

Next.js
WebGL
R3F
Gallery
PreviewScreen recording — source not publicly hosted

Get the source

Pro template — subscribe to DiMaac Pro, then paste your license key from Lemon Squeezy.

Subscribe — all pro templates
etude.zip

Each zip includes a LICENSE file — perpetual use in personal and commercial projects; do not resell or redistribute the source as a template.

After checkout, Lemon Squeezy emails your license key. Paste it here to download. Once downloaded, the template is yours to use forever — subscription only gates new pro drops.

Included

  • Full HTML / WebGL source (zip)
  • Documentation for setup & customization
  • LICENSE file — perpetual use in personal & commercial projects; no resale as a template

Prefer all templates? See Pro subscription →