Build an Animated Website with SvelteKit, GSAP & Prismic

Prismic YouTube

video

Apr 12, 2024

6 hours 30 minutes

Role: Designer, Developer & Instructor

With: SvelteKit

Repeat AI is the SvelteKit version of my dark-mode SaaS marketing course, redesigned and rebuilt to match SvelteKit’s patterns rather than ported across. The build covers every major section of a modern SaaS landing page: Hero, Bento Box, Showcase, Case Studies, Integrations, and CTA, each assembled through Prismic’s page builder so a non-developer can edit pages slice by slice.

Animation is treated as a production concern, not a demo. GSAP drives the hero entrance and the integration section reveal, and the course closes with an explicit accessibility pass (reduced motion, focus order, landmarks) rather than leaving it as an afterthought. The final result is a credible portfolio piece and a realistic reference for building marketing sites in SvelteKit.

Watch the full course