Finance
Asase
Capital
A generational wealth management firm rooted in African heritage, featuring fund performance charts, multi-page architecture and dark editorial UI.
Live
↗
Design
that
converts.
I build high-performance Framer websites for diverse businesses and various industries. End-to-end from concept to live site.
Framer Expert & Web Designer
My Work
My Framer Components
Component 01
Audio Player
An animated SVG waveform audio player. Set your audio via URL or file upload. Four-color frequency display with play/pause, seek bar, and volume control.
- audioUrlDirect URL to audio file
- audioFileUpload audio from Framer panel
- bassColorLeft waveform color (bass)
- lowMidColorLow-mid waveform color
- highMidColorHigh-mid waveform color
- trebleColorRight waveform color (treble)
- backgroundColorPlayer background color
- accentColorPlay button, seek fill & volume thumb
- barCountNumber of waveform bars (8–128)
- barRadiusCorner radius of each bar
Component 02
Glow Button
A pill-shaped button with an animated two-color glow arc that rotates around the border. Fully linkable, hover-aware, and in-view triggered.
- textButton label
- hrefLink URL — internal or external
- openInNewTabOpen in new tab toggle
- fontSizeSize in px (8–72)
- fontWeightThin to Black
- fontFamilyAny font string
- buttonColorButton background
- hoverColorBackground on hover
- textColorLabel color
- glowColor1First glow color
- glowColor2Second glow color
- glowSizeGlow border thickness (1–12)
- durationFull rotation speed in seconds
- paddingXHorizontal padding
- paddingYVertical padding
Component 03
Text Shimmer
AI-style text shimmer effect. A travelling light sweeps across text — perfect for loading states and generative UI.
- textThe string to display
- fontSizeSize in px (8–120)
- fontWeightThin to Black
- fontFamilyAny font string
- baseColorResting text color
- shimmerColorTravelling highlight color
- durationAnimation speed in seconds
Component 04
Upload Fluid
A fluid-fill animation for upload states. Connect fillProgress (0–1) to your upload percentage — the circle fills with a wave motion and shows a live percentage.
- fillProgress0–1, connect to upload state
- fluidColorColor of the fluid fill
- waveColorWave surface highlight color
- sizeDiameter in px
- showPercentageToggle % number on/off
- % Font SizeSize of the percentage label
- % Font WeightWeight of the percentage label
- % Font FamilyFont family of the percentage label
- % ColorColor of the percentage label
All components are free to use. I also build custom Framer components tailored to your project.
Get in touch
About Me
Obsessed with design.
I'm a Framer specialist focused on high stakes industries where trust, performance, and design polish are non-negotiable. Every site is custom-built; no templates, no compromises.
Tools & Stack
Framer
Figma
Framer CMS
HTML5/CSS
Webflow
React/TypeScript
My Process
Discovery & Strategy
Competitor audit, positioning, sitemap and wireframe sprint in 3 days.
Design in Framer
Full build directly in Framer. No handoff friction — what you see is what ships.
Launch & Handover
SEO setup, CMS training, and 30-day post-launch support included.