Customize Your Profile
A full walkthrough of the extort.bio customize dashboard — themes, colors, effects, assets, and more.
Overview
The Customize page is your creative studio. Every change you make is reflected instantly in the live preview on the right, and auto-saved to your public profile within a second.
To open it: Dashboard → Customize in the left sidebar.
Assets
The Assets section lets you upload media files that appear on your profile.
Profile Avatar
- Supports PNG, JPG, WebP, and GIF (animated GIFs stay animated)
- Max file size: 5 MB
- Displayed as a circle on your profile card
Background Image
- Supports PNG, JPG, WebP, and GIF
- Shown behind your profile card — adjust opacity with the slider
- In Showcase mode, the image fills the full viewport
Background Audio
- Upload an MP3, WAV, OGG, or M4A file (max 15 MB), or paste an HTTPS link to your audio file
- Volume control widget can be shown or hidden via the toggle
Custom Cursor
- Upload an image (PNG, JPEG, WebP, GIF, SVG, …) to replace the default cursor on your profile for desktop visitors
- Only applies on desktop (pointer: fine) devices
- Recommended size: 32×32px
All uploaded assets are served through a CDN proxy — the raw Supabase storage URL is never exposed to visitors.
Colors
The Color section gives you full control over every color on your profile.
- Accent color — the primary glow color on the card border
- Text color — your display name and other text
- Background color — the base page color
- Icon color — social link icon tint
- Tagline color — the line under your name
- Tagline shine — the highlight color in the shine sweep animation
Profile Gradient
Enable the gradient toggle to replace the solid background color with a two-color gradient. Set a primary and secondary color — the gradient runs at 165°.
Effects & Motion
Floating Particles
A WebGL particle system rendered behind your card. You can adjust the count (400–4200), color, and whether particles react to cursor movement.
Background Effects
9 CSS-based overlay effects that layer on top of your background: Dither, Plasma, Aurora, Snowflakes, Rain, Blurred, Night Sky, Old TV Scanlines, and None.
Entrance Gate
When enabled, visitors see a "click to enter" overlay before your profile reveals. Great for profiles with background audio.
Border Glow Sweep
An idle light-sweep animation on the card border. Disable it for a static glow.
Particles and heavy background effects may impact performance on low-end devices. extort.bio automatically reduces particle count on mobile and low-memory devices.
Card Style & Animation
Card Style
- Soft — dark semi-transparent background (default)
- Glass — frosted glass with cyan tint and heavy blur
- Neon — deep dark background with purple neon shadow
Card Animation
- Float — gentle up-down bob
- Pulse — subtle scale pulse
- Wiggle — slow rotation wobble
- None — static card
Showcase Layout
Showcase mode makes your background image fill the full viewport, moves the view count to the bottom-left, and enables the floating audio dock and 3D card tilt on hover.
React Bits Catalog
The React Bits section gives you one-click visual presets across four categories:
- Background — maps to a background effect (e.g. Aurora, Plasma, Rain)
- Text animation — maps to a username effect (e.g. Typewriter, Shuffle, Rainbow)
- Component — sets the card style and glow flags
- Animation — sets the card animation
React Bits selections stay in sync with the manual controls. Changing one updates the other automatically.
Auto-Save
Every change you make is debounced and auto-saved to your profile within 700ms. You'll see an "Auto-saved" message in the top of the form when it fires.
You can also click Save now to force an immediate save, or Discard to reload from the last saved state.