Add a Directory to Your Framer Site in Minutes

Create a searchable, filterable directory for your Framer website. Perfect for app directories, team pages, portfolio showcases, and integration listings. No coding required.

Layouts

Pick the layout that fits your Framer directory.

Filterable Grid

Cards with images, tags, search, and filters. Mobile-responsive.

Searchable List

Compact rows for long directories. Visitors scan and filter fast.

Filterable Table

Clean columns for listings with lots of detail. Sort, search, and filter by any column.

Map Directory

Listings on an interactive map. Click a pin, see the details. Color-coded by category.

Examples

Real directories. Built by customers.

Directory example on Framer with custom branding and search filters

Directory with interactive map view showing location pins on Framer

Provider directory with category filters and listing cards

More examples

What's in the box

The pieces that make your Framer directory feel like yours.

Search & Filters

Keyword search, dropdowns, range sliders, location radius, toggles. Filters stack.

Custom Fields

Photos, tags, phone, social, links, buttons, rich text, addresses. You pick what each listing shows.

Data In, Your Way

Import a CSV, sync a Google Sheet, add listings by hand, or let people submit their own for your approval. REST API and Zapier too.

Your Brand

Brand colors, fonts, spacing, and rounded corners from the dashboard. Custom CSS on every plan.

Setup

From Framer signup to live directory.

1
Build your directory

2
Embed on Framer

In your Framer project, click the Insert menu (+) and add an Embed component (or Code component for custom HTML). Paste your EmbedDirectory embed code (found in your dashboard) into the embed field. Publish your site and the directory is live.

3
Manage from the dashboard

Edit listings, add new ones, change filters. Changes appear on your Framer site within minutes.

Popular Use Cases

Framer Directories for Designers & Startups

App & Integration Directory

Showcase integrations, plugins, or compatible apps with category filters and search on your Framer product site.

Portfolio & Case Study Showcase

Display design projects, case studies, or creative work with filterable tags and visual card layouts.

Team Directory

Add a searchable team page with photos, roles, and department filters. Keeps up with your Framer site's design quality.

Resource Library

Curate a searchable collection of tools, templates, or learning resources with type and topic filters.

Common Questions

Framer Directory Widget FAQ

Does EmbedDirectory work with Framer?

Yes. Use Framer's Embed or Code component to add your directory to any page. Paste one snippet and it works immediately.

Will it match my Framer site design?

Yes. Customize every visual aspect: colors, fonts, card styles, spacing, and borders. Designed to complement pixel-perfect Framer sites.

Does it support Framer's responsive breakpoints?

Yes. The directory is fully responsive and adapts to any container width, working seamlessly across Framer's desktop, tablet, and mobile breakpoints.

Can I use it for a SaaS integration directory?

Yes. Many SaaS companies use EmbedDirectory to build searchable integration or app marketplace pages on their Framer marketing sites.

Pricing

Plans for every directory size.

Start with a 7-day free trial. Cancel anytime.

Essentials

For small directories just getting started

$ 24 per month

Up to 100 listings
Search and filters
Grid & List layouts
Custom fields
Basic styling
Email support

Start my free trial