Yardline
3D map portfolio for designers
Free
An interactive portfolio for designers and other creative professionals, presenting case studies as buildings in a navigable 3D district. Visitors can explore projects on the map, then browse editorial case-study pages, experience details, recognition, and contact options.
About this template
Yardline is a portfolio you explore like a strategy game. Your work lives in a small 3D district: every case study is its own building, and a truck drives the roads to whichever project a visitor picks.
Click a building, a map label or a nav item and the truck sets off. It keeps to its lane, waits for traffic and backs into its bay, and the case-study card opens when it arrives. Forklifts, robots and city traffic keep moving in the background, and every vehicle, rack and silo can be picked to show a small info card. Drag to pan, scroll to zoom, rotate the view or jump back to the whole district.
The inner pages switch to a calm editorial layout: Instrument Serif headlines, tight Inter text, one ultramarine ink on near-white, grey nav pills and a full-blue footer with a giant serif name.
Pages
• Home - the interactive 3D district
• Work - case-study grid (CMS)
• Case study detail (CMS)
• About - intro, experience and recognition
• Contact - direct lines and a project form
• 404
CMS collections
• Case studies - cover, gallery, facts, story and three result metrics
Features
• Interactive 3D map: six sites, live traffic, pickable objects, smooth RTS camera (drag, zoom, rotate, home, overview)
• Truck that drives to the chosen project, follows right-hand traffic rules and keeps its distance
• Glass HUD: name card, nav, live local-time clock and "Hire me"
• Branded loader that waits for the map to load
• Physics pill boxes: tags drop in when they scroll into view and can be thrown around
• Pill buttons with an animated arrow, soft hover states
• Fully responsive - desktop, tablet and phone
3D and physics: three.js and matter-js (MIT), loaded from a CDN.
Included Pages
- Home
- Work
- Case study detail
- About
- Contact
- 404
More from Akbarali
View all
Promofolio
Whether you're a freelancer, artist, or creative professional, Promo-folio is the perfect platform to elevate your online presence and take your career to the next level.
CTRL Studio
An editorial Framer template for design studios and creative agencies to present their projects and services. It uses oversized typography, a strict grid, and signal-orange accents, with CMS collections for projects and services.
Most
Most Home is an index-style portfolio template for creative studios, designers, and small agencies. It presents work in a filterable masonry feed, with CMS project and service detail pages and supporting studio, recognition, and contact pages.
More Portfolio Templates
View all
FRESHLYBAKED
A fresh and unforgettable Framer template for Agencies and Studio Portfolios. Packed with playful 3D Transforms, Gooey Text effects, and all the essential sections: Projects, Blog, Storefront, and more.
Purefolio
The ultimate portfolio website template for professionals who crave a sleek, modern aesthetic.
Archar
Archar is a sleek Framer portfolio template designed with minimal typography, vibrant orange and white aesthetics, and dynamic scroll animations. Perfect for creatives seeking an engaging, unconventional online presence.
More 3D Templates
View all
Terrow
Terrow is a website template for ceramics studios, independent potters, and clay schools. It presents a scroll-driven pottery-making process alongside pieces, classes, and studio visit information, with CMS collections for pieces and courses and a contact form.
Poise
Poise is a calm, editorial Framer template for creative studios, branding agencies, and independent designers. It presents services and project case studies through a warm visual style, with customizable content managed through styles and CMS fields.
Citadel Search
A commercial Framer template for B2B SEO and AI search visibility agencies. It provides a multi-page structure for presenting services and plans, sharing client stories and SEO guides, capturing audit leads, and estimating growth for prospective clients.
More Creative Templates
View all
Dashbar
Dashbar is a sidebar-styled personal website template for boosting your online presence. Present works, publish articles, sell products, and bookmark your inspirations!
TD_Axis
A bold, high-contrast landing template for agencies, studios, consultants, coaches, and individuals. Features confident motion, clear navigation, and editable components to showcase work and drive visitors from landing to action.
Ezio
Ezio is an editorial portfolio template for creatives, designers, and photographers. Ideal for personal portfolios, creative portfolios, agency sites, and photography showcases. Clean, minimal, and built for clear visual presentation.
More Personal Templates
View all
UX UI Designer
A modern and minimal portfolio template engineered for UX/UI designers to showcase projects, case studies, and skills, creating a professional personal brand and engaging online presence for creative professionals.
Alex
ALEX-FOLIO is a clean, minimal portfolio template for designers and developers, offering CMS-powered project showcases, dynamic case studies, an experience timeline, and smooth animations in a responsive, modern layout ready for quick customization.
Toms
An editorial-style portfolio for designers, art directors, and other creative professionals to showcase projects through CMS-powered case studies, with dedicated detail pages and sections for about, services, testimonials, and contact.
More Animated Templates
View all
Heulo
Heulo is a clean, minimal Framer template for creative studios and agencies to showcase their portfolios. It includes Index, About, and Contact pages with smooth animations, mobile responsiveness, and CMS-ready components for effortless customization.
Northlight Folio
A portfolio for designers working in identity, packaging, editorial, and campaigns. It presents projects through bold typography, distinct project colours, a strict grid, and interactive hover effects.
Devcraft
A modern, conversion-focused Framer template for SaaS startups, software companies, agencies, and digital businesses to showcase products and services with responsive layouts, interactive animations, and easy customization.
More Showcase Templates
View all
Ultra
Ultra is a meticulously crafted portfolio template for Framer designed for creatives. It features a minimalist sleek visual language, keyboard shortcuts and a unique way to view CMS content pages. This template is best suited for designers, developers, marketers and other creative professionals looking to share their work.
Studio222
222 Studio is a modern e-commerce template designed for streetwear brands seeking a sleek, stylish online presence. It highlights exclusive collections with bold visuals and intuitive layouts, ideal for businesses showcasing fashion-forward apparel.
Technomorph
This template is specifically crafted for musicians, providing a platform to showcase their talents, connect with their audience, and promote their music to a wider audience. With its user-friendly interface and customizable features, this template makes it easy for musicians to create a professional online presence that reflects their unique style and musical identity. From solo artists to bands of any genre, this template is adaptable to suit the needs of any musical project.