Vault - DeFi Landing
Animated DeFi Landing Page
Free
A cinematic, motion-rich single-page landing template for DeFi and crypto projects. It combines scroll-driven storytelling, interactive canvas effects, product cards, and a WebGL footer, with customizable property controls and reduced-motion support.
About this template
Cinematic dark landing page for Framer
A single-page, motion-rich template with seven animated sections, scroll-scrubbed storytelling, interactive canvas fields, and a live WebGL footer. Built with React and Framer only - zero dependencies.
### Features
- Hero with self-drawing chart, rolling odometer, hover crosshair, and 3D cursor tilt
- Velocity-coupled logo marquee that speeds with scroll and eases on hover
- Slot-reel statistic counter with giant outlined parallax rows
- Pinned Features section that scrubs forward and reverse with scroll (no snapping)
- Product cards and CTA band
- Pluckable string-art canvas fields in the hero and CTA that react to the cursor
- Live WebGL footer scene (orb, light beam, water reflection, drifting mist) with CSS fallback
- Reduced-motion support across all sections
- Subtle, colourless hover states
74 property controls expose every string, link, colour, and timing value. Fully commented code components.
### What’s included
- 1 page, 3 breakpoints (1440 / 810 / 390) with fluid container queries
- 7 code components
- 74 property controls
- No CMS
- Fonts: Lora (display), Inter (UI/body), IBM Plex Mono (meta) - all free Google Fonts (SIL OFL)
- No external dependencies
- 3 replaceable raster images; all other graphics are inline SVG/WebGL
### Known limitations
- Single page only - no blog, CMS, or additional layouts.
- Motion-heavy (WebGL footer + canvas loops). Tested in-browser; not yet profiled on mid-range phones or laptops. Verify performance on target devices.
- Features section requires Overflow: Visible on parent frames (transform fallback included - see readme).
- Dark-only by design; no light/dark toggle.
Drop in, customise via property controls, and launch. All components are fully commented.
More from Mehedi Hasan
View allLineage Supplement
A comprehensive Framer template for supplement brands seeking transparency-driven ecommerce sites. It features CMS-driven product pages, tappable ingredient dossiers, quiz-based recommendations, membership plans, and live commerce components for streamlined cart and checkout experiences.
NightJar Agent
Nightjar Agent is a story-driven Framer template for SaaS and tech teams to showcase and manage automated tasks - AI agents, monitors, schedulers, backups - through an interactive, timestamped nightly journey with in-page scheduling, order management, logging, and permission controls.
Dott Planner
Dott is a calm waitlist landing page template for pre-launch consumer apps, ideal for productivity, focus, habit and wellness brands. It features a scroll-animated to-do list, video hero, CMS-driven FAQ, sticky feature cards and custom pages.
More Landing Page Templates
View allGround Work
A local-search website template for contractors and home-service businesses, designed to turn homeowners looking for services into quote requests. Its pages cover services, service areas, projects, reviews, and contact, with CMS content for local SEO.
TWOFIVE
TWOFIVE is a bold one-page template for cafés and coffee shops, consolidating opening hours, menu prices, and directions into a vibrant poster-style design. Easily rebrand via color tokens and text styles for a fast, attention-grabbing online presence.
Foucault
Foucault template is a minimalistic design that is complemented by colorful animations and interactive elements that give it depth and fascination. Created for sophisticated designers in Motion, graphic design, 3d and web
More Finance Templates
View allAcornn
Professional, Investment - Acornn is a premium Real Estate website template for Framer, on the Framer Marketplace. Build on it with Framer's agent, directly on the canvas.
Sivo
A clean and conversion-focused template built for fintech, SaaS, and high-growth digital products.
Avery Cole
Avery Cole is a clean, responsive Framer template for accountants and financial service providers, showcasing services, experience, and processes with an approachable yet professional design that builds trust and credibility.
More Web3 Templates
View allQuantra
Quantra is a sleek dark-mode Framer landing page template for fintech startups, AI-driven wealth management apps, crypto wallets, and SaaS platforms. It features immersive design, interactive components, and app-first visuals to showcase cutting-edge financial products.
NEXORA NFT
NEXORA is a premium Framer Web3 marketplace template for NFT platforms, crypto startups, AI products, and blockchain businesses, featuring a futuristic UI, smooth animations, glassmorphism, and responsive, SEO-friendly layouts optimized for desktop, tablet, and mobile.
Coiner
Coiner, a Framer template, is ideal for Web3, crypto, and blockchain websites. Featuring sleek design, interactive elements, and seamless animations, Coiner offers real-time experiences. Effortlessly craft integration pages, user-friendly CMS features, engaging CTAs, and transparent pricing with Coiner. Unleash crypto's potential with Coiner.
More Animated Templates
View allKafoska
Kafoska is a responsive editorial template for cafés, coffee shops and specialty roasters. It features a bold typographic home page with scroll animations, full menu showcase, photo gallery, and a clean reservation form for easy booking.
Oppenheim
Oppenheim is a modern, bold real estate template for property companies, real estate agencies, and luxury development brands, designed to wow your potential clients and attract high-end buyers.
Kai
Kai is a minimal, motion-driven Framer template for designers, developers, and studios to showcase work with animated intros, scrolling galleries, expertise breakdowns, and CMS-powered project pages with testimonials, FAQs, and contact features.
More 3D Templates
View allweRENDER
weRENDER is a bold and refined architectural visualization studio template for Framer. Clean structure, cinematic visuals, and subtle animations make it ideal for showcasing high-end projects with elegance and clarity.
Studiolobby
For studios with an AI front desk - Studiolobby is a premium Portfolio website template for Framer, on the Framer Marketplace. Build on it with Framer's agent, directly on the canvas.
BLACKBOX07
Animated AI & SaaS Framer template - BLACKBOX07 is a premium website template for Framer, on the Framer Marketplace. Build on it with Framer's agent, directly on the canvas.
More Tech Templates
View allSivo
A clean and conversion-focused template built for fintech, SaaS, and high-growth digital products.
Auvex
Auvex is a premium Framer template designed for AI agent platforms, SaaS products, automation startups, and technology firms. It features conversion-driven layouts, interactive components, and CMS-powered testimonials to clearly showcase complex AI solutions.
Confy
Confy is a modern Framer Landing Page designed for AI Conferences, Tech Meetups, and Educational Summits. Built for a bold impact, this event template features visually rich immersive animations and easy component-based customization.

