# FramerHub

Canonical Origin: https://framerhub.io

## LLM Resources

- [Full Content](https://framerhub.io/llms-full.txt)
  Complete page content in markdown format.
- [sitemap.xml](/sitemap.xml)
  XML sitemap for search engines and crawlers.
- [robots.txt](/robots.txt)
  Crawler rules and permissions.

## Pages

- [FramerHub | Framer Plugins and Components](/): Curated plugins and components for Framer freelancers, agencies, and teams. CMS filters, multi-step forms, code components, and more — no coding required.
- [About FramerHub — Plugins & Components for Framer Pros](/about): Learn how FramerHub helps professional Framer designers ship advanced client sites faster with curated plugins, templates, and components.
- [Contact FramerHub — Get Help & Support for Framer Plugins](/contact): Get in touch with the FramerHub team. We're here to help with questions, feedback, and support for all Framer plugins and components.
- [FramerHub Newsletter — Free Framer Components & Plugin Drops](/newsletter): Join the FramerHub newsletter for weekly free Framer component drops, early plugin beta invites, and subscriber-only discounts.
- [Plugin Oauth Callback](/plugin-oauth-callback)
- [Privacy Policy — How FramerHub Protects Your Data](/privacy): How FramerHub collects, uses, and protects your personal data. We value transparency — read our full privacy practices for plugins and components.
- [Ref Component Details](/ref_ComponentDetails)
- [Ref Components](/ref_components)
- [Refund Policy — FramerHub Component Purchase Returns](/refund-policy): Review FramerHub refund terms for plugin and component purchases, including the 14-day eligibility window and support process for documented product issues.
- [Terms of Service — FramerHub License & Usage Rights](/terms): Terms of Service for FramerHub plugins and components. License rights, usage restrictions, and purchase terms for professionals using our Framer tools.
- [Email Preferences - FramerHub](/unsubscribe): Manage product updates, newsletters, free component drops, and promo emails from FramerHub.

- [Blog - Framer Tips & Tutorials - FramerHub](/blog): Read practical Framer guides for designers, freelancers, and agencies covering components, SEO, performance, pricing, AI discovery, and scalable site delivery.
- [The Best Framer Plugins in 2026 (Honest Picks From a Plugin Builder)](/blog/best-framer-plugins): A curated list of the best Framer plugins in 2026. CMS filtering, forms, components, tables, scheduling, and more. Accurate plugin details, no invented features...
- [The Complete Guide to Framer CMS (2026)](/blog/framer-cms-complete-guide): Everything you need to know about Framer CMS: collections, fields, CMS pages, CSV import, dynamic filtering, SEO, and real limitations. Updated 2026.
- [Framer Dynamic Filters: The Complete Guide to CMS Filtering (2026)](/blog/framer-dynamic-filters-guide): How to set up Framer's native Dynamic Filters step by step, where they fall short for real CMS sites, and when the CMS Filter plugin becomes the better tool.
- [Framer Ecommerce: How to Build an Online Store with Framer (2026)](/blog/framer-ecommerce-guide): Framer has no native e-commerce. Here's every real option: Shopify integration, digital product embeds, third-party plugins, and when to use a different platfor...
- [Framer SEO: The Complete Guide to Ranking a Framer Site in 2026](/blog/framer-seo-guide): Everything you need to rank a Framer site in 2026. Meta settings, semantic HTML, CMS slugs, redirects, structured data, and the honest answer on whether Framer ...
- [How to Make Your Framer Site Discoverable by ChatGPT and AI Search](/blog/framer-site-chatgpt-ai-discovery): Learn how to optimize your Framer website for AI search engines like ChatGPT, Perplexity, and Gemini using llms.txt and structured data.
- [Framer vs Figma: Honest Comparison for 2026](/blog/framer-vs-figma)
- [Framer vs Squarespace: Honest Comparison for 2026](/blog/framer-vs-squarespace)
- [Framer vs Webflow: Honest Comparison for 2026](/blog/framer-vs-webflow)
- [Framer vs Wix: Honest Comparison for 2026](/blog/framer-vs-wix)
- [FramerHub Blog](/blog/framer-vs-wordpress)
- [How to Add Code Components to Framer (Complete Guide for Beginners)](/blog/getting-started-framer-components): Learn how to install and customize Framer code components in minutes. A beginner-friendly guide to adding advanced functionality without writing code.
- [How Much Can You Actually Earn With Framer in 2026? (Real Numbers)](/blog/how-much-can-you-earn-with-framer): Real income ranges for every Framer monetization path: freelance, templates, plugins, agency, teaching, and affiliate. No hype, just honest numbers.
- [How to Price Framer Freelance Projects (The Definitive Guide)](/blog/how-to-price-framer-freelance-projects): Stop undercharging. Learn the exact strategies to price your Framer projects, from hourly rates to value-based pricing.
- [Framer Site Performance Optimization (10x Faster Load Times)](/blog/optimize-framer-site-performance): Complete guide to optimizing your Framer website for speed. Learn image optimization, Core Web Vitals, and performance best practices.
- [Scalable Framer Architecture for Agencies (Stop Building from Scratch)](/blog/scalable-framer-architecture-for-agencies): Learn how to structure large Framer projects for scale. Naming conventions, component systems, and CMS strategies for agencies.
- [The Ultimate SEO Checklist for Framer Templates (Increase Your Sales)](/blog/seo-checklist-for-framer-templates): Want to sell more Framer templates? Make them SEO-ready. Here is the complete checklist to optimize your templates for search engines.
- [10 Framer Design Trends Dominating 2025 - 2026 (With Code Examples)](/blog/top-10-framer-design-trends-2025): Discover the hottest Framer design trends for 2025. From 3D effects to AI-powered layouts, learn what's working in modern web design.

- [Premium Framer Components - FramerHub](/components): Browse premium and free Framer components for animations, CMS interfaces, effects, forms, and advanced no-code experiences.
- [All Access Pass - Ship Framer Sites 10x Faster | FramerHub](/components/all-access): Join 1,500+ designers shipping premium Framer sites in days, not weeks. 90+ WebGL effects, 3D interactions. Lifetime access $199.
- [ASCII Image](/components/ascii-image)
- [Aurora](/components/aurora)
- [AutoTOC](/components/auto-toc)
- [Before After Picture](/components/before-after-picture)
- [Bokeh Orbs](/components/bokeh-orbs)
- [Gravity Bouncing Balls | FramerHub](/components/bouncing-balls): Interactive 2D physics simulation with gravity, collisions, and mouse repulsion. Free Framer component for client sites, portfolios, and product pages.
- [Bouncing Image Trail | FramerHub](/components/bouncing-image-trail): Add an immersive, GSAP-powered bouncing image trail to your cursor. Premium Framer component for client sites, portfolios, and product pages.
- [BubbleBurst](/components/bubble-burst)
- [Chroma Flux](/components/chroma-flux)
- [Chromatic Aberration](/components/chromatic-aberration)
- [Cipher Scramble](/components/cipher-scramble)
- [Circular Showcase | FramerHub](/components/circular-showcase): A creative circular rotating gallery of images orbiting around central text. Premium Framer component for client sites, portfolios, and product pages.
- [CleanSky](/components/clean-sky)
- [CMS Gallery Lightbox | FramerHub](/components/cms-gallery-lightbox): A powerful CMS masonry gallery with native GLightbox support, responsive extraction, and interactive hover effects. Premium Framer component for client.
- [CMS Gallery Popup | FramerHub](/components/cms-gallery-popup): A fully customizable CMS Gallery Popup with thumbnail navigation and seamless interactions. Premium Framer component for client sites, portfolios, and.
- [CMS Gallery Slider](/components/cms-gallery-slider)
- [CMS Masonry Lightbox](/components/cms-masonry-lightbox)
- [Coalesce](/components/coalesce)
- [Confetti Lines 3D](/components/confetti-lines-3d)
- [Counter Number](/components/counter-number)
- [Credit Card 3D Tilt](/components/credit-card-3d-tilt)
- [Curved Text SVG | FramerHub](/components/curved-text-svg): Animate text along any SVG path with smooth GSAP-powered motion. Premium Framer component for client sites, portfolios, and product pages.
- [Cyberpunk City](/components/cyberpunk-city)
- [DelphiTunnel](/components/delphitunnel)
- [Digital Rain](/components/digital-rain)
- [Digital Wind](/components/digital-wind)
- [Dither Shader](/components/dither-shader)
- [Dot Globe](/components/dot-globe)
- [Dot Text](/components/dot-text)
- [ElectricBolts](/components/electric-bolts)
- [Emerging Image](/components/emerging-image)
- [Exist Popup | FramerHub](/components/exist-popup): Capture leads before they leave with smart exit-intent popups that trigger at the perfect moment. Premium Framer component for client sites, portfolios,.
- [Flowing Rivers](/components/flowing-rivers)
- [Fluid Distortion](/components/fluid-distortion)
- [Fluid Noise](/components/fluid-noise)
- [Fluid Trail](/components/fluid-trail)
- [Glyph Twist](/components/glyph-twist)
- [Image Slit Scan | FramerHub](/components/image-slit-scan): Add mesmerizing slit-scan distortion effects to any image with smooth hover transitions. Premium Framer component for client sites, portfolios, and.
- [Image Tiles Menu](/components/image-tiles-menu)
- [Premium Framer Components - FramerHub](/components/index): Browse premium and free Framer components for animations, CMS interfaces, effects, forms, and advanced no-code experiences.
- [InfiniteScrollingTicker](/components/infinite-scrolling-ticker)
- [Inline Media Word | FramerHub](/components/inline-media-word): Put an image or video block directly inside a word. Premium Framer component for client sites, portfolios, and product pages.
- [Interactive Particles](/components/interactive-particles)
- [Kinetic ASCII | FramerHub](/components/kinetic-ascii): Transform shapes and images into mesmerizing dot-matrix ASCII art with real-time 3D animation. Premium Framer component for client sites, portfolios, and.
- [Lens Zoom Gallery](/components/lens-zoom-gallery)
- [Letter Swap](/components/letter-swap)
- [Liquid Chrome](/components/liquid-chrome)
- [Liquid Data Hologram](/components/liquid-data-hologram)
- [Magnetic Buttons](/components/magnetic-buttons)
- [Matrix Rain](/components/matrix-rain)
- [Motion Hover RGB](/components/motion-hover-rgb)
- [Motion Hover Stretch](/components/motion-hover-stretch)
- [Motion Hover Trails](/components/motion-hover-trails)
- [Motion Trail](/components/motion-trail)
- [Mouse Image Trail | FramerHub](/components/mouse-image-trail): Leave a dynamic trail of images that follow your cursor. Premium Framer component for client sites, portfolios, and product pages.
- [Nebula Hero](/components/nebula-hero)
- [Neon Sign Ticker](/components/neon-sign-ticker)
- [Neon Trails](/components/neon-trails)
- [Neural Core](/components/neural-core)
- [Neural Grid](/components/neural-grid)
- [Physics Tags](/components/physics-tags)
- [Pipeline](/components/pipeline)
- [Portfolio Reveal Hero | FramerHub](/components/portfolio-reveal-hero): Mesmerizing organic blob-mask reveal between two images. Premium Framer component for client sites, portfolios, and product pages.
- [Quantum Nebula](/components/quantum-nebula)
- [Rain Overlay | FramerHub](/components/rain-overlay): Realistic rain effect for your Framer sites. Premium Framer component for client sites, portfolios, and product pages.
- [Random Letter Glitch](/components/random-letter-glitch)
- [Reaction Diffusion](/components/reaction-diffusion)
- [Retro CRT](/components/retro-crt)
- [Ribbon Wave](/components/ribbon-wave)
- [Scratch & Win Coupon](/components/scratch-and-win-coupon)
- [Scroll 3D Grid](/components/scroll-3d-grid)
- [Scroll Image Reveal | FramerHub](/components/scroll-image-reveal): Create cinematic scroll-triggered image reveals with organic displacement effects and smooth animations. Premium Framer component for client sites,.
- [Scroll Text Reveal | FramerHub](/components/scroll-text-reveal): Transform headlines into captivating scroll animations with 29 ready-to-use text reveal effects. Premium Framer component for client sites, portfolios,.
- [Shader Frame](/components/shader-frame)
- [ShaderHatch | FramerHub](/components/shader-hatch): Add beautiful hatching and scribble WebGL effects to your elements. Premium Framer component for client sites, portfolios, and product pages.
- [Shift](/components/shift)
- [Shooting Stars](/components/shooting-stars)
- [Smart Breadcrumbs](/components/smart-breadcrumbs)
- [Snow Overlay | FramerHub](/components/snow-overlay): Add realistic falling snow particles to create stunning winter and seasonal effects. Premium Framer component for client sites, portfolios, and product.
- [Soft Body Physics](/components/soft-body-physics)
- [Sprite Video ASCII](/components/sprite-video-ascii)
- [Star Warp](/components/star-warp)
- [Swiper Carousel | FramerHub](/components/swiper-carousel): The ultimate carousel component with stunning effects and total control. Premium Framer component for client sites, portfolios, and product pages.
- [Swirl](/components/swirl)
- [Swirl Sphere](/components/swirl-sphere)
- [Tag Splitter](/components/tag-splitter)
- [Text 3D](/components/text-3d)
- [Text Glitch](/components/text-glitch)
- [TextHatch | FramerHub](/components/text-hatch): Apply a stunning, hand-drawn hatching shader effect to your typography. Premium Framer component for client sites, portfolios, and product pages.
- [Text Pressure](/components/text-pressure)
- [Text Rotate](/components/text-rotate)
- [The Digital Horizon](/components/the-digital-horizon)
- [Quantum Tunnel | FramerHub](/components/the-quantum-tunnel): Infinite 3D particle tunnel with mouse steering and warp speed. Premium Framer component for client sites, portfolios, and product pages.
- [Time To Read](/components/time-to-read)
- [Type Orbit](/components/type-orbit)
- [Variable Font Hover](/components/variable-font-hover)
- [Variable Font Rotate](/components/variable-font-rotate)
- [VFX Image Duotone](/components/vfx-image-duotone)
- [VFX Image Glitch](/components/vfx-image-glitch)
- [VFX Image Liquid](/components/vfx-image-liquid)
- [VFX Image Pixelate](/components/vfx-image-pixelate)
- [VFX Scroll Shift | FramerHub](/components/vfx-scroll-shift): Apply a stunning multi-color glitch effect to text, driven by scroll velocity. Premium Framer component for client sites, portfolios, and product pages.
- [VideoHatch | FramerHub](/components/video-hatch): Apply a real-time, hand-drawn hatching shader effect to any video. Premium Framer component for client sites, portfolios, and product pages.
- [Volumetric Galaxy](/components/volumetric-galaxy)
- [Warp Drive | FramerHub](/components/warp-drive): Hyperspeed tunnel effect with dynamic car lights and distortion. Free Framer component for client sites, portfolios, and product pages.
- [Warp Tunnel](/components/warp-tunnel)
- [Wave Type](/components/wave-type)
- [Wire Terrain](/components/wire-terrain)

- [Framer Plugins by FramerHub — Filtering, Forms, Scheduling & More](/plugins): 15 Framer plugins for professionals. CMS filtering, multi-step forms, data tables, color tools, scheduling, and upcoming e-commerce integrations. Free and paid.
- [Asset Vault — Save & Share Framer Assets | FramerHub](/plugins/asset-vault): Free Framer plugin. Save component URLs and Remix links in one organized vault. Libraries, tags, search, team sharing. Install from marketplace.
- [Framer CMS Find & Replace — Bulk Edit CMS Text | FramerHub](/plugins/cms-find-replace): Free Framer plugin. Search and replace text across entire CMS collections. Preview matches, undo changes, export CSV. Regex and case-sensitive matching.
- [Framer CMS Scheduler — Schedule Drafts to Publish | FramerHub](/plugins/cms-scheduler): Free Framer plugin. Schedule CMS draft posts to publish automatically. Single or bulk scheduling. Track pending and failed runs. No manual publishing.
- [Framer CMS Filter | FramerHub](/plugins/framer-cms-filter): Advanced CMS filtering for Framer. Range sliders, multi-field search, AND/OR logic, facets, result counts. 1k+ users. $79 one-time. No variants needed.
- [FramerHub Components — 90+ Code Components for Framer | FramerHub](/plugins/framer-components): 90+ premium Framer code components in one plugin. Search inside Framer, drag and drop, auto-updates. $99 one-time. New components weekly.
- [Framer Form Kit | FramerHub](/plugins/framer-form-kit): Advanced form components for Framer. Multi-step wizards, real validation, conditional logic, 40+ fields. Free tier available. No code required.
- [Image Palette — Extract Color Palettes in Framer | FramerHub](/plugins/image-palette): Free Framer plugin. Extract colors from images, generate semantic tokens, export as CSS/Tailwind/JSON, create Framer Color Styles. Install from marketplace.
- [Table Creator — Data Tables for Any Framer Page | FramerHub](/plugins/table-creator): Free Framer plugin. Create interactive data tables anywhere in Framer — not just CMS Rich Text. Sorting, filtering, pagination. 5 themes. CSV paste.