Rive

Drag-and-drop Rive animations into Framer to create production-ready, state-driven interactive graphics for web, apps, and games.

Development

Effects

Workshop

AI generates custom Framer components from plain-text descriptions—editable, production-ready results with no coding required.

AI

Development

Migrate

Migrate: AI assistant that customizes Framer templates and migrates sites, aligning design and content to your brand.

AI

Development

Productivity

Flowbase

Extensive library of UI components, wireframes, icons, illustrations, and reusable code modules for designers and developers to prototype and iterate

Development

Icons

Layouts

zencal.io

Embed Zencal.io scheduling in Framer; customize colors and layouts to offer seamless, in-design event booking without leaving your site.

Productivity

Development

anopa

Integrates Shopify with Framer to sync products, manage variants, and enable cart and checkout.

E-commerce

Development

pixfort Plugin

Import sections, components, pages and CMS collections; theme switcher and design system for consistent, responsive, fast sites.

CMS

Layouts

Development

Text Search

Search text across Pages, CMS content, and code files, delivering fast, accurate, instant full-text results with filters, previews, and context.

CMS

Development

CSS Color Importer

Import CSS color systems into Framer, parse files or pasted CSS, merge light/dark variants, and auto-create organized color styles.

Color

Development

Nestermind

Directly import Nestermind CRM properties into a Framer CMS collection.

CMS

Development

Pickaxe - AI Chatbot

Embed and customize Pickaxe AI chatbots on Framer sites quickly with no-code setup and one-click deployment.

AI

Development

Cursor Effects

11+ customizable cursor effects including fairy dust, rainbow trails, emoji animations and fluid dynamics with particle, color and behavior controls.

Effects

Development

Unused Components

Scans Framer projects for unused components; toggle used/unused, one‑click delete with undo, instantly jump to components.

Development

Productivity

Web3 Icons

Comprehensive Web3 icon library for projects — multi-insert, customizable colors, adjustable sizes, and easy integration.

Icons

Development

Hugeicons

High-quality, consistent icon system for designers and developers, integrated into Framer for fast, polished interfaces.

Icons

Development

MCP

Connect Framer to AI assistants (Claude, Cursor) to edit text, adjust styles, create components, export React code via natural language.

AI

Development

Framer Masterclass

Learn Framer inside Framer: 100+ video lessons, resources, and hands-on exercises to build interactive UI prototypes.

Development

Layouts

Globe Map

Create and embed interactive, customizable 3D globes in Framer projects.

Effects

Development

Skillful Agent Chat

Embed Skillful AI agents in Framer—no backend. Enter API key and Agent ID, add component, enable chat, workflows, insights.

AI

Development

Code Versions

Browse, preview, compare, and restore previous versions of code files with diffs, timestamps, and history.

Development

Framer Toys

Framer UI kit: pixel-perfect components, clean code, and drag-and-drop layouts for rapid, production-ready interfaces.

Development

Layouts

Graphy

Embed interactive Graphy charts in Framer with live updates and customizable embeds.

Analytics

Development

PDF / Page Download and Print

No-code Framer component enabling PDF download, print, page capture, external URL or uploaded PDFs, with optional preview.

Development

Productivity

Shader Lab

ShaderLab: a web-focused shader toolkit for creating customizable animated motion, shapes, and advanced effects including real-time fluid simulations.

Effects

Development

Timer & Stopwatch

Adds customizable stopwatches and countdown timers to Framer, with seamless mode switching, precise targeting, and styling options.

Development

Productivity

Add to Calendar Button - CalGet

Framer Add-to-Calendar button: one-click saves to Google, Apple, and Outlook; responsive, easy to set up, customizable.

Productivity

Development

Orla Data

Send Framer CMS collection entries directly to your Firebase project from Framer.

CMS

Development

Code Companion

Generate clean, Framer-ready React component code from plain-English UI descriptions with Deepseek AI.

AI

Development

Cosmoe

Create professional Framer websites in hours using thousands of customizable production-ready components and templates, drag, drop, customize, and launch seamlessly

Development

Layouts

Framer Social Share Buttons

Add customizable one-click share buttons for 20 social platforms.

Marketing

Development

3D Model

Import and preview glTF/GLB 3D models directly in your application.

Image Management

Development

SupaSync

Bi-directional, real-time synchronization of records and media between Supabase databases and Framer CMS, preserving consistency.

CMS

Development

Needle Engine

Needle Engine: web engine for 3D apps—local development, deploy anywhere; extensible, collaborative XR platform with glTF-native workflow.

Development

Effects

Tokens Studio For Framer

Tokens Studio integrates with Framer: use platform-stored design tokens to create styles, apply logic, and map light/dark modes.

Color

Development

AI Frame

AI site builder and content generator for Framer, automating repetitive tasks so designers create sites faster.

AI

Development

CMS Data Sync

Drag-and-drop, low-code AI workflow to sync Sheets, Airtable, Firebase, Supabase, Postgres to Framer CMS with one-click API.

AI

CMS

Development

Smooth Scroll

Smooth, customizable mouse and touch scrolling with infinite scroll support and adjustable speed, momentum, and sensitivity.

Effects

Development

Framergenie

No-code stack pairing Framer's UI simplicity with Supabase's scalable backend for rapid, production-ready web apps.

Development

Authentication

Broken Link Checker

Find layers in Framer with enabled but empty links to keep prototypes tidy and functional.

Development

Productivity

Radix Colors

Radix Colors for Framer: 30 accessible, professionally designed color scales with automatic light/dark mode, plus easy preview, select, and organize.

Color

Development

Scroll Animator

Scroll-synced animations for any element with full transform support and precise keyframe control.

Effects

Development

Framer Compr

Optimize images and videos, preserving quality while reducing load times and improving performance.

Image Management

Development

Iframe Embed

Embed websites, videos, and widgets in Framer via a single iframe URL for easy external content integration.

Development

Layouts

Map Master

Map Master inserts customizable, interactive Google Maps into Framer projects, enabling designers to easily configure maps and user interactions directly.

Development

Link Checker

Find and fix broken links in Framer projects—detect 404s, HTTPS and unreachable links, report and manage fixes.

SEO

Development

Randomz

Randomz generates realistic, customizable placeholder data for Framer text layers; supports multiple data types and country-specific formats to speed workflows

Productivity

Development

Layout Scale

Scale Layout for Framer: scalable, responsive layouts with flexible breakpoints ensuring consistent appearance across all devices.

Layouts

Development

Text Animator

Scroll-synced text animations with keyframe control, staggered timing, 3D transforms, and a live canvas preview.

Effects

Development

Perfect corners

Calculates correct corner radii for nested frames, preserving proportional curvature and visual harmony across layered designs.

Layouts

Development

ElevenLabs - AI Agent

Create and configure AI conversational agents for restaurants, e-commerce, and custom projects; fast, easy integration.

AI

E-commerce

Development

MapBox Maps

Add Mapbox maps to your app without code — custom styles, 3D buildings, layers, and interactive map features.

Development

Bookingmood

Sync Bookingmood bookings to Framer CMS with configurable field mapping and real-time updates.

CMS

Development

Framer Commerce

Build Framer-native stores with real-time Shopify sync and 40+ components—filters, search, subscriptions, advanced variants, Shopify Markets, quick-adds, promo bars.

E-commerce

Development

Asset Cards

Largest Framer library of free and premium customizable animations, interactions, and code components—drag, drop, customize.

Effects

Development

Batch Export Text

Export all Framer page text in one click to Excel, JSON, Word, PDF, or TXT — fast, reliable batch text export.

Productivity

Development

VideoFrame

Design fully brandable, interactive video players for local files, YouTube, and Vimeo—no limits.

Development

Marketing

Web2Chat

Add real-time embedded chat to Framer projects with Web2Chat, enabling interactive user conversations and live messaging inside designs across platforms.

Development

React Export

Export Framer components as production-ready React code for seamless deployment.

Development

Framerize

Framerize: Framer component library with drag-and-drop prebuilt sections (Navbar, Hero, Pricing) for fast websites.

Layouts

Development

Airtable

Sync Airtable to Framer CMS with simple column mapping and native support for linked/reference fields.

CMS

Development

Eleveight Supply

Curated library of premium code components and overrides that accelerate development, improve consistency, and empower creators to build polished interfaces.

Development

Productivity

Frameblox

Framer UI kit and template library with drag-and-drop builder, prebuilt sections, components, pages, and a style generator.

Layouts

Development

Stop Overscrolling

One-click solution preventing overscroll bounce, locking pages for stable, smooth scrolling and improved user experience.

Effects

Development

Populate

Populate is a FramerNest plugin that instantly generates mock user data, including names, emails, avatars, and bios, into Framer projects.

Development

Productivity

Lottielab

Import Lottielab Lottie animations into Framer, enabling interactive controls and native Framer interactions.

Effects

Development

Styleguide Generator

Automatically generate style guides and reusable components from project styles to save time and ensure brand consistency.

Development

Productivity

A 360° Design Solution

Constantly updating, constantly evolving tools for Framer and Figma. Build more, design faster, sell more, charge more

A 360° Design Solution

Constantly updating, constantly evolving tools for Framer and Figma. Build more, design faster, sell more, charge more

A 360° Design Solution

Constantly updating, constantly evolving tools for Framer and Figma. Build more, design faster, sell more, charge more