---
title: "Neural Core"
canonical_url: "https://framerhub.io/components/neural-core"
last_updated: "2026-06-15T14:46:30.432Z"
---

## Neural Core

Create stunning 3D ASCII particle spheres for your Framer projects. Perfect for hero sections, loading screens, or any area that needs a futuristic, tech-focused visual impact.

## Features

**3D Particle Sphere**
A beautiful animated sphere made of thousands of ASCII characters with realistic depth and movement.

**Three Character Sets**
Choose from Binary (0s and 1s), Hex (0-9, A-F), or Glyphs (symbols and special characters) to match your aesthetic.

**Bloom Glow Effect**
Add an ethereal glow to your particles with adjustable bloom intensity for that perfect sci-fi look.

**Transparent Background**
Seamlessly blend the component into your design with transparent background support (disables bloom).

**Interactive Mouse Tilt**
The sphere responds to mouse movement, creating an engaging interactive experience for visitors.

## Use Cases

**Hero Backgrounds** — Create an immersive, futuristic first impression.

**Loading States** — Keep users engaged with mesmerizing particle animation.

**Tech Portfolios** — Showcase a modern, code-focused aesthetic.

**AI/ML Products** — Perfect visual metaphor for neural networks and data processing.

![Neural Core Preview](/framerhub/img/components/control/neural-core.jpg)

## How to Use

### Installation

**VIDEO PLACEHOLDER: Installation Tutorial**

1. Log in to your account at framerhub.io
2. Navigate to framerhub.io/dashboard
3. Find Neural Core in your Recent Purchases
4. Click the "Copy" button
5. Open your Framer project
6. Paste the component anywhere on your canvas (Cmd/Ctrl + V)

### Customization

Customize the appearance and behavior using Framer's property controls.

**Colors**

- Core Color: Primary inner particle color
- Outer Color: Secondary gradient color
- Background: Scene background color (hidden when Transparent BG is on)

**Particles**

- Count: Number of particles (affects performance)
- Size: ASCII character size
- Radius: Sphere radius
- Scale: Uniform scaling of the entire sphere

**Animation**

- Distortion: Noise displacement strength
- Noise Speed: Animation speed
- Rotation Speed: Sphere spin rate

**Effects**

- Bloom: Glow intensity
- Tilt Strength: Mouse interaction sensitivity
- Character Set: Binary, Hex, or Glyphs
- Transparent BG: Toggle transparency (disables bloom)

### Quick Tips

**Best Performance** — Use Auto quality mode which detects your device capabilities. On mobile, stick to 5,000-10,000 particles.

**Color Combinations** — Bright neon colors on dark backgrounds create stunning bloom effects. Try cyan/magenta or green/purple gradients.

**Layering** — Place content above or behind the component using transparent background. Use contrasting text colors for readability.

**Character Style** — Binary feels classic tech, Hex feels hacker/crypto, Glyphs feels sci-fi/alien.

## License

**Single Use License** — Use in one client project with full commercial rights. No redistribution. 1 license = 1 client.

## Refund Policy

Due to the nature of our digital products, we are unable to offer refunds, but we're here to assist you with any questions or concerns!

## Why Designers Love This

A professional-grade 3D effect that would typically require custom Three.js development, now available as a simple drag-and-drop component with full customization options.

---