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.

Easy Setup

Powerful Features

Fully Customizable

Free Trial

Flexible Layouts

Choose the perfect layout for your Framer directory.

Filterable Grid

Card-based grid with search, filters, and sorting. Responsive across all devices.

Searchable List

Compact row-based layout for quick scanning. Search, filter, and browse efficiently.

Filterable Table

Structured columns with headers. Sort, search, and filter data-rich listings.

Map Directory

Interactive map with clickable pins. Color-code markers by category or field value.

See It In Action

Real directories. Built with EmbedDirectory.

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

View More Examples

Features

Everything you need for your directory on Framer.

Search & Filters

Keyword search, category filters, sorting, and range selectors. Visitors find listings fast.

Interactive Maps

Display listings on a map with clickable, color-coded pins. Browse by location.

Custom Fields

Define what each listing shows. Photos, links, categories, contact info, and more.

CSV Import & Google Sheets Sync

Bulk import from spreadsheets or auto-sync from Google Sheets.

Submissions

Accept listings via JotForm, Typeform, Tally, or Zapier. Review before publishing.

Simple Framer Integration

One embed snippet. Paste it once. Updates sync automatically.

Multiple Layouts

Grid, list, table, or map. Customize colors and fonts to match your brand.

API & Integrations

Connect via API, Zapier, or Google Sheets. Keep your directory in sync.

Simple Setup

Add a directory to Framer in minutes.

1
Create 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 & Update

Edit listings in your dashboard. Changes sync to your Framer site automatically.

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.

Simple 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