---
title: "FramerHub Components — 90+ Code Components for Framer | FramerHub"
canonical_url: "https://framerhub.io/plugins/framer-components"
last_updated: "2026-06-15T14:46:35.315Z"
meta:
  description: "90+ premium Framer code components in one plugin. Search inside Framer, drag and drop, auto-updates. $99 one-time. New components weekly."
  "og:description": "90+ premium code components in one plugin. Search inside Framer, drag and drop, auto-updates."
  "og:title": "FramerHub Components — 90+ Code Components for Framer"
---

Trusted by 1.5k+ Framer Pros

# **90+ code components.**** **One plugin**. Search, drag, drop. **

Stop buying components from 10 different sellers. One purchase. One plugin. Auto-updates. Search inside Framer while you work.

[**Get All Access — $99 **](https://www.framer.com/marketplace/plugins/framerhub-components/) [**Browse Components **](https://framerhub.io/components/)

90+ Components

## **The full library**

![Aurora](https://framerhub.io/framerhub/img/components/aurora.jpg)

![Chromatic Aberration](https://framerhub.io/framerhub/img/components/chromatic-aberration.jpg)

![Nebula Hero](https://framerhub.io/framerhub/img/components/nebula-hero.jpg)

![Interactive Particles](https://framerhub.io/framerhub/img/components/interactive-particles.jpg)

![3D Credit Card](https://framerhub.io/framerhub/img/components/credit-card-3d-tilt.jpg)

![Liquid Chrome](https://framerhub.io/framerhub/img/components/liquid-chrome.jpg)

![Bubble Burst](https://framerhub.io/framerhub/img/components/bubble-burst.jpg)

![Dither Shader](https://framerhub.io/framerhub/img/components/dither-shader.jpg)

![Fluid Distortion](https://framerhub.io/framerhub/img/components/fluid-distortion.jpg)

![Motion Trail](https://framerhub.io/framerhub/img/components/motion-trail.jpg)

![Neural Network](https://framerhub.io/framerhub/img/components/neural-network.jpg)

![Text Glitch](https://framerhub.io/framerhub/img/components/text-glitch.jpg)

![Star Warp](https://framerhub.io/framerhub/img/components/star-warp.jpg)

![Digital Rain](https://framerhub.io/framerhub/img/components/digital-rain.jpg)

![Ribbon Wave](https://framerhub.io/framerhub/img/components/ribbon-wave.jpg)

![Electric Bolts](https://framerhub.io/framerhub/img/components/electric-bolts.jpg)

![Quantum Nebula](https://framerhub.io/framerhub/img/components/quantum-nebula.jpg)

![Swirl Sphere](https://framerhub.io/framerhub/img/components/swirl-sphere.jpg)

![Neon Trails](https://framerhub.io/framerhub/img/components/neon-trails.jpg)

![Cyberpunk City](https://framerhub.io/framerhub/img/components/cyberpunk-city.jpg)

![Image Glitch](https://framerhub.io/framerhub/img/components/image-glitch.jpg)

![Retro CRT](https://framerhub.io/framerhub/img/components/retro-crt.jpg)

![Physics Gravity](https://framerhub.io/framerhub/img/components/physics-gravity.jpg)

![Counter Number](https://framerhub.io/framerhub/img/components/counter-number.jpg)

![CMS Gallery](https://framerhub.io/framerhub/img/components/cms-gallery-popup.jpg)

![Text Rotate](https://framerhub.io/framerhub/img/components/text-rotate.jpg)

![Cipher Scramble](https://framerhub.io/framerhub/img/components/cipher-scramble.jpg)

![Dot Globe](https://framerhub.io/framerhub/img/components/dot-globe.jpg)

![Flowing Rivers](https://framerhub.io/framerhub/img/components/flowing-rivers.jpg)

![Fluid Noise](https://framerhub.io/framerhub/img/components/fluid-noise.jpg)

![Globe](https://framerhub.io/framerhub/img/components/Globe.jpg)

![Image Liquid](https://framerhub.io/framerhub/img/components/image-liquid.jpg)

[**See all components with details **](https://framerhub.io/components/)

## **Why a Plugin?**

You could buy components one by one from the Framer Marketplace. Here's why the plugin is better:

| **Feature** | **Marketplace Buying** | **FramerHub Plugin** |
| --- | --- | --- | | **Source** | 10+ different sellers | **One plugin** | | **Updates** | Manual — check each seller | **Auto-sync inside Framer ** | | **Search** | Leave Framer, browse websites | **Search inside Framer editor** | | **Access** | Email links, Remix URLs | **Drag and drop from plugin ** | | **Quality** | Variable | **Consistent code standards ** | | **Refunds** | Varies by seller | **14-Day Guaranteed** |

![Aurora component](https://framerhub.io/framerhub/img/components/aurora.jpg)

**Most popular**### **Aurora**

Animated aurora borealis background. Configurable colors, speed, and intensity from the property panel. Used by 30+ sites. Perfect for dark-mode hero sections and landing pages.

BackgroundWebGLAnimatedConfigurable

![Chromatic Aberration component](https://framerhub.io/framerhub/img/components/chromatic-aberration.jpg)

**Designer favorite**### **Chromatic Aberration**

Apply chromatic aberration distortion to any image. Hover-activated or always-on. Control intensity, offset direction, and blend mode. Turns any static image into something that feels alive.

Image FXShaderHoverCreative

![Interactive Particles component](https://framerhub.io/framerhub/img/components/interactive-particles.jpg)

**Interactive**### **Interactive Particles**

GPU-accelerated particle system that responds to mouse movement. Attract, repel, or connect particles. Configurable density, color, speed, and connection distance.

WebGLInteractiveBackgroundPerformance

## **How it works**

**1**

### **Install**

Install the plugin from Framer Marketplace.

**2**

### **Search**

Open the plugin. Search or browse by category.

**3**

### **Drag**

Click a component. It drops onto your canvas. Configure from the property panel.

**4**

### **Update**

When we ship updates, one click syncs everything.

### **FramerHub Components **

One plugin. 90+ advanced components. Use on unlimited client projects and stop reinventing the wheel.

[**Open in Framer **](https://www.framer.com/marketplace/plugins/framerhub-components/)

**Free Library Included**

## **More from FramerHub **

[<h3>**CMS Filter**</h3>Advanced CMS filtering. Range sliders, multi-field search.**cms****filters****search**](https://framerhub.io/plugins/framer-cms-filter) [<h3>**Form Kit**</h3>Multi-step forms, validation, conditional logic.**forms****validation****conditional logic**](https://framerhub.io/plugins/framer-form-kit) [<h3>**Table Creator**</h3>Data tables on any Framer page.**tables****data****ui**](https://framerhub.io/plugins/table-creator)