---
title: "CampusMap — Framer component · Best of Framer"
description: "$15.00 · Framer component · by Dulaj Design · Maps. Interactive searchable campus maps"
canonical: "https://framer.elliotli.dev/component/campusmap"
---

[Home](/)/[Components](/components)/[Maps](/components/category/maps)/CampusMap

# CampusMap

Interactive searchable campus maps

[View on Framer](https://framer.com/marketplace/components/campusmap/?via=elliot-li)

![CampusMap preview image 1](https://framer.elliotli.dev/og/component/campusmap/352a5843dc21b281/1600x1200.jpg)

## Summary

Interactive searchable campus maps

## Description

### About

**Transform your Framer site with a fully customizable campus map. Feature interactive pins, 360-degree views, and a powerful search bar to help users navigate complex locations with beautiful, responsive tooltips and smooth pulse/bounce animations.**

### What it does

Renders a custom map with interactive "hotspot" pins. It features a built-in search bar to quickly locate buildings or points of interest, and displays detailed tooltips on hover or click. The component also includes a 360-degree rotation feature with adjustable sensitivity, allowing users to explore high-resolution panoramic or aerial views of your campus or venue.

### What you can customize

![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-nldtqtl4-pTQUJTvpIe2DF0A4loTWiUkZlY0FFk)

-   **Search Functionality:** Toggle the search bar, customize the placeholder text ("Search buildings..."), adjust width, and choose between Top Left or Top Right positioning.
    
-   **Pins & Animation:** Fully customize pin size, color, and borders. Enable "Pulse" or "Bounce" animations with control over the animation speed and scale to grab user attention.
    
-   **Tooltips & Styling:** Adjust the width, height, and offset of tooltips. Customize the background, border colors, and corner radius. Control fonts (defaulting to Inter) and colors for both Title and Body text.
    
-   **Map & View Settings:** Upload your own map image, set the background color and border style, and fine-tune the 360-degree sensitivity and starting angle for interactive views.
    

### Great for

-   University and school websites
    
-   Corporate office directories
    
-   Music festivals or large-scale event maps
    
-   Real estate developments and neighborhood guides
    
-   Interactive "Find Us" sections on business sites
    

### Share your build

If you ship something cool with it, post it on X and tag me **@Dulajweb**, or send it over. I’d love to see what you create.

### Need help?

Questions or feedback? Reach me anytime: [**dulajdilshan766@gmail.com**](mailto:dulajdilshan766@gmail.com) or on X **@Dulajweb**

## Rank history [How rankings work →](/terms#rankings)

-   All · #8243

## Details

- **Author**: Dulaj Design
- **Price**: $15.00
- **Published**: 2026-03-13
- **Updated**: 2026-09-03
- **Added**: 2026-03-09
- **Categories**: Maps

## More like this

-   [Waypoint](/component/waypoint) — Dev Ahsan · $9 — Photo-first locations map
-   [No-key Store Locator](/component/no-key-store-locator) — Sean Weekes · $15 — UK store finder, no Google API key
-   [Geo Office Location](/component/geo-office-location) — Design Foundry · Free — Interactive Global Office Showcase
-   [Map Locator CMS](/component/map-locator-cms) — sherwin · $15 — Map Locator CMS is a flexible, interactive map component for Framer that helps you showcase stores, offices, properties, venues, service…