Kai is a minimal, motion-driven portfolio template built for independent designers, developers, and studios who want their work to lead the conversation.
It opens with an animated intro sequence and a scrolling gallery of your work, then moves through a clear expertise breakdown, a CMS-powered project index, client testimonials, and an FAQ โ ending on a bold, click-to-copy email section that makes getting in touch effortless.
Every section is built with Framer's native components: no code, no plugins, no dependencies. Swap the copy, drop in your images, connect the CMS, and publish. Fully responsive across desktop, tablet, and mobile, with a considered type system and spacing scale so your edits stay consistent.
What's included
Home page with animated preloader and skippable intro sequence
Infinite scrolling work marquee
Expertise section with large-type service breakdown
CMS-powered project index with categories and individual case study pages
Client logo strip and testimonial section
Accordion FAQ section
Click-to-copy email contact block
Sticky navigation with smooth in-page scrolling
Footer with social links
Features
100% responsive (desktop, tablet, mobile)
CMS for projects โ add, reorder, and categorise work without touching the layout
Smooth scroll animations and hover interactions throughout
Interactive Site Loader (New Update)
Reusable components and consistent design tokens for fast restyling
SEO-ready with meta fields configured
Fast, lightweight build โ no third-party code
Perfect for Product designers ยท UI/UX designers ยท Web developers ยท Creative directors ยท Freelancers ยท Small studios
Support Need help getting set up? Email craftedbymasood@gmail.com โ happy to answer any questions about customising the template, and it'll be kept updated as Framer evolves.
Kai is a minimal, motion-driven portfolio template built for independent designers, developers, and studios who want their work to lead the conversation.
It opens with an animated intro sequence and a scrolling gallery of your work, then moves through a clear expertise breakdown, a CMS-powered project index, client testimonials, and an FAQ โ ending on a bold, click-to-copy email section that makes getting in touch effortless.
Every section is built with Framer's native components: no code, no plugins, no dependencies. Swap the copy, drop in your images, connect the CMS, and publish. Fully responsive across desktop, tablet, and mobile, with a considered type system and spacing scale so your edits stay consistent.
What's included
Home page with animated preloader and skippable intro sequence
Infinite scrolling work marquee
Expertise section with large-type service breakdown
CMS-powered project index with categories and individual case study pages
Client logo strip and testimonial section
Accordion FAQ section
Click-to-copy email contact block
Sticky navigation with smooth in-page scrolling
Footer with social links
Features
100% responsive (desktop, tablet, mobile)
CMS for projects โ add, reorder, and categorise work without touching the layout
Smooth scroll animations and hover interactions throughout
Interactive Site Loader (New Update)
Reusable components and consistent design tokens for fast restyling
SEO-ready with meta fields configured
Fast, lightweight build โ no third-party code
Perfect for Product designers ยท UI/UX designers ยท Web developers ยท Creative directors ยท Freelancers ยท Small studios
Support Need help getting set up? Email craftedbymasood@gmail.com โ happy to answer any questions about customising the template, and it'll be kept updated as Framer evolves.
