 |
 |
 |
Frameloft is a React template for creative studios that want their own website to feel as bold and considered as the work they make. Built for creative agencies, branding studios, design teams, art directors and photographers, it presents your projects, services and people in colourful bento layouts with oversized typography, interactive project cards and smooth scroll motion.
It comes with two homepages, a creative agency and a photography studio: a word-carousel bento hero, selected work with brief-and-result switches and guess-the-project quizzes, a full-width case study, a showreel with video chapters, services with pricing and FAQs, team pages with photo zoom, client review carousels, a photo slideshow hero, a filterable portfolio index, an icon rail with side menu, a blog and a shop with cart. It is built with React 19, React Router 8, TypeScript, Vite and Tailwind CSS, and every page is pre-rendered to static HTML, so your site is fast, search-engine friendly and can be hosted on any static host without a server.
Features List:
- Frameloft – Creative Agency & Photography React Template;
- 20 pages, including 2 unique homepages;
- React 19 + React Router 8 (framework mode) + TypeScript;
- Static site generation: every page, project, service, team member, post and product is pre-rendered to its own HTML file;
- Deploys to Netlify, Vercel, Cloudflare Pages, GitHub Pages, Apache or nginx; no Node.js server or database needed;
- Sub-folder deploys with one setting (BASE_PATH);
- Vite 8 for instant development reload and fast builds;
- Tailwind CSS 4 with all colours, fonts and radius in one design-token block;
- All texts, images and links in typed content files, separate from the components;
- Add a project, service, team member, post or product and its page is created automatically;
- Reusable sections: every section takes its content as a property;
- GSAP scroll motion: rising headline words, statements that light up, marquee that follows the scroll, hero parallax;
- Bento hero with rotating word, cursor tilt, video and cut-out tiles;
- Selected work cards with hover video, brief/result switch, guess quiz and colour palettes;
- Showreel with video chapters and progress bars;
- Team section with hover photo zoom, review carousel with autoplay, keyboard and swipe;
- Photography hero slideshow, filterable portfolio index and testimonial carousel;
- Icon rail with slide-in side menu, news ticker top bar, custom cursor and preloader;
- Blog with right sidebar, left sidebar and grid layouts, search, categories and tags;
- Shop, single product with gallery lightbox and a cart saved in the browser;
- Project enquiry, contact, comment and review forms with validation (ready to connect to Formspree, Netlify Forms or your own API);
- Fully responsive: desktop, tablet and mobile;
- Accessible: keyboard friendly menus and controls, focus management, and support for “reduce motion”;
- Fonts self-hosted with Fontsource, no external requests;
- Clean code: TypeScript strict mode, oxlint, 0 npm audit vulnerabilities;
- Optional Docker setup for development;
- Well documented;
- Dedicated help team;
Pages Included:
- Homepage – Creative Agency
- Homepage – Photography Studio
- About
- Services
- Single Service
- Portfolio
- Single Project
- Our Team
- Single Member
- Pricing Plans
- FAQ
- Contact
- Blog Right Sidebar
- Blog Left Sidebar
- Blog Grid
- Single Article
- Shop
- Single Product
- Cart
- 404 Page
Requirements:
- Node.js 22.22 or newer (to edit and build the template)
- Any static web host to publish the built site
Credits:
- React (MIT License)
- React Router (MIT License)
- Vite (MIT License)
- Tailwind CSS (MIT License)
- TypeScript (Apache License 2.0)
- GSAP (GSAP Standard License, free for commercial use)
- Lucide Icons (ISC License)
- Unbounded and DM Sans via Fontsource (SIL Open Font License 1.1)
Note: Images and videos used in the live preview are for demonstration purposes only and are not included in the download. They are replaced by placeholder files of the same name and size.
Refunds
We do not provide refunds for these sorts of mistaken purchases. Due to the nature of digital goods, it’s not possible to “return” them. Therefore, refunds can only be given for products that are broken, but this is not the case when the product works as described.