WEB3 · CRYPTO · DEFI

The complete
crypto UI kit.

A meticulously crafted design system for exchanges, wallets, DeFi dashboards and NFT marketplaces — 320+ components, 20 screens, light & dark, in Figma and HTML.

320+
Components
20
Screens
2
Light & Dark
Figma
+ HTML
Total balance 12.4%
$128,540.20
BTC
1.284
ETH
18.42
Swap
You pay
2.50
ETH
You receive
8,420.16
USDC
Confirm swap
Staking APY
6.40%
{{ f.t }}
01 / FOUNDATIONS

A system engineered for markets.

Tokenised color, type and spacing — wired to Figma Variables and CSS custom properties, so every screen stays in sync across light and dark.

Color · Primary--accent · 11 steps
{{ c.s }}
{{ c.h }}
Neutrals · Dark
{{ c.s }}{{ c.h }}
Neutrals · Light
{{ c.s }}{{ c.h }}
Semantic
{{ c.n }}
{{ c.r }}
{{ c.h }}
TypographySpace Grotesk · Plus Jakarta Sans · JetBrains Mono
Display
Space Grotesk · 56 · 600
Trade smarter.
Heading
Space Grotesk · 32 · 600
Portfolio overview
Body
Plus Jakarta · 16 · 400
Track assets across every chain in real time, with portfolio analytics that update the moment the market moves.
Label
Plus Jakarta · 11 · 600
Market capitalization
Numeric
JetBrains Mono · 22 · 500
$94,210.50 +2.41% 0x7f3a…b29c
Spacing · 4pt
4
8
16
24
32
48
64
Radius
6
10
14
20
full
Elevation
sm
md
lg
Iconography1,248 icons · Phosphor · 6 weights
Weights
Thin
Regular
Bold
Fill
Duotone
02 / COMPONENTS

320+ components, ready to ship.

Every primitive a crypto product needs — built with Auto Layout, fully variant-driven, and styled for both modes.

Buttons5 variants · 3 sizes · states
Inputs & Formsdefault · focus · error · amount
name@wallet.io
We never share your data.
••••••••
Strong password.
0xinvalid…
Invalid wallet address.
1,250.00
≈ $1,250.00
USDC
Ethereum
Selectors
On
Off
Badges & Tags
Confirmed Pending Failed Draft
+2.41% -3.22% NEW Verified
Ethereum Solana Polygon
Avatars
+9
12 holders
Tabs & Navigation
Overview Activity Holders
24H 1W 1M 1Y
MarketsBitcoinChart
1 2 3 … 12
8.2%
24h Volume
$2.41B
Bitcoin
BTC
+2.41%
$94,210.50
Main Wallet
$128,540.20
0x7f3a…b29c
Feedbackalerts · toast · tooltip
Transaction confirmed
0.5 ETH sent successfully.
Network congestion
Gas fees are elevated.
Swap failed
Slippage tolerance exceeded.
New staking pool
Earn up to 6.4% APY.
Received 1,200 USDC
Just now · from 0x9f…21
Copy address
Progress & Loaders
Staking progress68%
Slippage tolerance
72%filled
2 3
Charts
Total$128K
Bitcoin45%
Ethereum30%
Solana15%
Other10%
Markets tablelive data · sparklines
#NamePrice24hLast 7d
{{ c.rank }}
{{ c.name }}
{{ c.sym }}
{{ c.price }} {{ c.chg }}
03 / SCREENS

20 production-ready screens.

Trading terminals, portfolios, wallets, NFT marketplaces and onboarding — for desktop and mobile, in light and dark.

app.helix.finance/trade/BTC-USDT
BTC/USDT
Bitcoin
94,210.50
+2.41%
24h High
96,420.00
24h Low
91,180.00
24h Volume
2.41B
1H 4H 1D 1W
96,40095,20094,21093,00091,800
09:0011:0013:0015:0017:00
Price (USDT)AmountTotal
{{ r.p }}{{ r.a }}{{ r.t }}
94,210.50$94,210
{{ r.p }}{{ r.a }}{{ r.t }}
Buy Sell
Price
94,210.50USDT
Amount
0.5000BTC
Total47,105.25 USDT
Trading Terminal · Desktop · Dark
app.helix.finance/portfolio
Helix
Dashboard
Markets
Wallet
Earn
NFTs
Settings
Alex Rivera
Pro account
Portfolio
Search assets…
Total balance
$128,540
+$14,210 (12.4%)
24h change
+2.41%
+$3,021.40
All-time profit
$42,180
+48.7%
Best performer
SOL
+18.2%
Portfolio value
$128,540.20
1W1M1Y
MonTueWedThuFriSatSun
Allocation
BTC45%
ETH30%
SOL15%
Other10%
Portfolio Dashboard · Desktop · Light
app.helix.finance/nft
Marketplace
Search collections, items…
FEATURED DROP
Nebula Genesis
Floor
2.4 ETH
Items
8,888
Volume
12.4K ETH
Trending Top Art Gaming PFP Filters
{{ n.lk }}
{{ n.col }}
{{ n.nm }}
Price
{{ n.pr }}
NFT Marketplace · Desktop · Dark
9:41
Your gateway
to Web3
Buy, store and swap 500+ assets with bank-grade security.
9:41
Good morning
Alex Rivera
Total balance
$128,540
+12.4%
Send
Receive
Swap
Buy
AssetsSee all
Bitcoin
1.284 BTC
$57.8K
+2.4%
Ethereum
18.42 ETH
$38.5K
+1.2%
9:41
Bitcoin
$94,210.50
+2.41% · +$2,210
1H1D1W1Y
Market cap
$1.84T
24h Volume
$42.1B
9:41
Swap
You payBalance: 4.82
2.5
ETH
≈ $12,050.45
You receiveBalance: 8.4K
8,420.16
USDC
≈ $8,420.16
Rate1 ETH = 3,368 USDC
Network fee$2.40
Slippage0.5%
Mobile app · iOS & Android · Onboarding, Portfolio, Asset, Swap
All 20 screens included12 web · 8 mobile
{{ s.nm }}
{{ s.pf }}
04 / FIGMA SOURCE

Built in Figma, the professional way.

Organized pages, semantic variables with light & dark modes, and 100% Auto Layout. Restyle the entire kit from a single set of tokens.

Helix Crypto UI Kit— v2.0
Pages
Cover
Getting started
🎨 Foundations
🧩 Components
🖥 Screens · Web
📱 Screens · Mobile
🎯 Prototype
Layers
Buttons
Primary
Secondary
Inputs
Cards
Button / Primary
Foundations / Color
Card / Balance
Total balance
$128,540.20
Dang
Design Prototype
Modes
Light Dark
Color variables
accent/5006366F1
bg/canvas0A0C10
text/strongF2F4F8
success10B981
Auto layout
12
16
Variables & Modes

Every color, radius and spacing is a semantic token. Flip between light & dark — or recolor the whole system — in one click.

100% Auto Layout

Resize, reflow and nest without breakage. Every component and screen is fully responsive and production-ready.

Variant-driven library

320+ components with proper variants, states and properties — named, described and ready to drop into any file.

05 / GET HELIX

One kit. Everything you need to ship.

Full Figma source with this coded HTML preview included — available on UI8.

What's included
320+ components
Variant-driven, all states
20 screens
12 web · 8 mobile
Figma source
Variables & Auto Layout
Coded HTML
Clean, responsive markup
Light & dark
Full mode support
1200+ icons
Consistent icon set
Free updates
New screens & fixes
Documentation
Getting-started guide
Figma
HTML + CSS
Lifetime updates
AVAILABLE ON UI8
Get the full
Figma source.
Pricing, licensing and instant download are handled on the UI8 product page.
Complete Figma file — 320+ components, 20 screens
Coded HTML preview (this page)
Updates delivered through UI8
Get it on UI8