Metallic Gradient Collection

Metallic Gradient Borders

10 Animated CSS Border Techniques

01

Liquid Silver

Smooth rotating conic gradient with bright silver highlights that flow around the border like molten metal.

02

Molten Gold

Warm golden tones cycle through a conic gradient, creating a luxurious 24-karat border animation.

03

Rose Gold Pulse

Soft pink-copper hues rotate and pulse in brightness, blending elegance with a rhythmic glow.

04

Copper Forge

Warm earthy copper tones sweep through a linear gradient, evoking fresh-forged metalwork.

05

Platinum Ice

Cool blue-white platinum shimmers with an icy metallic finish, crisp and refined.

06

Obsidian Chrome

Deep blacks to bright chrome create a high-contrast mirror-polish reflection effect.

07

Emerald Metal

Rich green metallic gradient reminiscent of anodized aluminum with an emerald finish.

08

Bronze Aurora

Warm bronze shifts into cool teal, creating an aurora-like transition across the border.

09

Amethyst Steel

Deep purple metallic tones pulse with a subtle glow, combining regal color with industrial finish.

10

Titanium Spectrum

Full rainbow metallic sweep mimicking heat-treated titanium, with every hue in anodized finish.

Static Metallic Borders

Same 10 Styles — No Animation

01

Liquid Silver

Fixed 135° linear gradient with silver-to-white metallic highlight frozen in place.

02

Molten Gold

Diagonal gold gradient from dark amber through bright gold, static and bold.

03

Rose Gold

Soft pink-copper linear gradient, elegant without the pulse effect.

04

Copper

Warm earthy copper tones in a fixed diagonal sweep, raw and industrial.

05

Platinum Ice

Cool blue-white platinum in a still diagonal, clean and minimal.

06

Obsidian Chrome

Black-to-chrome gradient locked at 135°, high contrast mirror finish.

07

Emerald Metal

Rich green metallic gradient, static anodized finish from dark to light and back.

08

Bronze Aurora

Bronze-to-teal color shift captured in a frozen diagonal gradient.

09

Amethyst Steel

Deep purple metallic tones in a fixed gradient, regal without the glow.

10

Titanium Spectrum

Full rainbow metallic in a static diagonal, every hue of heat-treated titanium.

Precious Metals

10 Subtle & Refined Borders

01

White Gold

Warm ivory-silver with a faint golden undertone, the signature of 18k white gold alloy.

02

Palladium

Cool steel-blue grey with a quiet luster, lighter than platinum but just as noble.

03

Pewter

Deep muted grey with a soft violet cast, aged and understated like antique tableware.

04

Champagne

Warm sandy gold, softer and more muted than yellow gold, like brushed jewelry.

05

Gunmetal

Near-black with a blue-grey metallic sheen, dark and commanding like a watch case.

06

Rhodium

Bright cool white with a faint blue cast, the most reflective of all precious metals.

07

Electrum

Ancient gold-silver alloy with a pale amber warmth, used in the first coins ever minted.

08

Iridium

Dense slate grey with a cool violet undertone, the rarest and hardest precious metal.

09

Brushed Nickel

Warm neutral silver with a faint yellow-green tint, matte and modern like cabinet hardware.

10

Osmium

Deep blue-grey with an almost indigo quality, the densest naturally occurring element.

Precious Metals on White

Same 10 Subtle Borders — Light Background

01

White Gold

Warm ivory-silver with a faint golden undertone, the signature of 18k white gold alloy.

02

Palladium

Cool steel-blue grey with a quiet luster, lighter than platinum but just as noble.

03

Pewter

Deep muted grey with a soft violet cast, aged and understated like antique tableware.

04

Champagne

Warm sandy gold, softer and more muted than yellow gold, like brushed jewelry.

05

Gunmetal

Near-black with a blue-grey metallic sheen, dark and commanding like a watch case.

06

Rhodium

Bright cool white with a faint blue cast, the most reflective of all precious metals.

07

Electrum

Ancient gold-silver alloy with a pale amber warmth, used in the first coins ever minted.

08

Iridium

Dense slate grey with a cool violet undertone, the rarest and hardest precious metal.

09

Brushed Nickel

Warm neutral silver with a faint yellow-green tint, matte and modern like cabinet hardware.

10

Osmium

Deep blue-grey with an almost indigo quality, the densest naturally occurring element.

Precious Metals — Glass

Frosted Glassmorphism Cards

01

White Gold

Warm ivory-silver with a faint golden undertone, the signature of 18k white gold alloy.

02

Palladium

Cool steel-blue grey with a quiet luster, lighter than platinum but just as noble.

03

Pewter

Deep muted grey with a soft violet cast, aged and understated like antique tableware.

04

Champagne

Warm sandy gold, softer and more muted than yellow gold, like brushed jewelry.

05

Gunmetal

Near-black with a blue-grey metallic sheen, dark and commanding like a watch case.

06

Rhodium

Bright cool white with a faint blue cast, the most reflective of all precious metals.

07

Electrum

Ancient gold-silver alloy with a pale amber warmth, used in the first coins ever minted.

08

Iridium

Dense slate grey with a cool violet undertone, the rarest and hardest precious metal.

09

Brushed Nickel

Warm neutral silver with a faint yellow-green tint, matte and modern like cabinet hardware.

10

Osmium

Deep blue-grey with an almost indigo quality, the densest naturally occurring element.

Precious Metals — Dark Glass

Smoked Glassmorphism Cards

01

White Gold

Warm ivory-silver with a faint golden undertone, the signature of 18k white gold alloy.

02

Palladium

Cool steel-blue grey with a quiet luster, lighter than platinum but just as noble.

03

Pewter

Deep muted grey with a soft violet cast, aged and understated like antique tableware.

04

Champagne

Warm sandy gold, softer and more muted than yellow gold, like brushed jewelry.

05

Gunmetal

Near-black with a blue-grey metallic sheen, dark and commanding like a watch case.

06

Rhodium

Bright cool white with a faint blue cast, the most reflective of all precious metals.

07

Electrum

Ancient gold-silver alloy with a pale amber warmth, used in the first coins ever minted.

08

Iridium

Dense slate grey with a cool violet undertone, the rarest and hardest precious metal.

09

Brushed Nickel

Warm neutral silver with a faint yellow-green tint, matte and modern like cabinet hardware.

10

Osmium

Deep blue-grey with an almost indigo quality, the densest naturally occurring element.

Precious Metals — 3D

Bold Titles with Depth Shadows

01

White Gold

Warm ivory-silver with a faint golden undertone, the signature of 18k white gold alloy.

02

Palladium

Cool steel-blue grey with a quiet luster, lighter than platinum but just as noble.

03

Pewter

Deep muted grey with a soft violet cast, aged and understated like antique tableware.

04

Champagne

Warm sandy gold, softer and more muted than yellow gold, like brushed jewelry.

05

Gunmetal

Near-black with a blue-grey metallic sheen, dark and commanding like a watch case.

06

Rhodium

Bright cool white with a faint blue cast, the most reflective of all precious metals.

07

Electrum

Ancient gold-silver alloy with a pale amber warmth, used in the first coins ever minted.

08

Iridium

Dense slate grey with a cool violet undertone, the rarest and hardest precious metal.

09

Brushed Nickel

Warm neutral silver with a faint yellow-green tint, matte and modern like cabinet hardware.

10

Osmium

Deep blue-grey with an almost indigo quality, the densest naturally occurring element.

Precious Metals — 3D v2

Darker Inner Shadow • Larger Type

01

White Gold

Warm ivory-silver with a faint golden undertone, the signature of 18k white gold alloy.

02

Palladium

Cool steel-blue grey with a quiet luster, lighter than platinum but just as noble.

03

Pewter

Deep muted grey with a soft violet cast, aged and understated like antique tableware.

04

Champagne

Warm sandy gold, softer and more muted than yellow gold, like brushed jewelry.

05

Gunmetal

Near-black with a blue-grey metallic sheen, dark and commanding like a watch case.

06

Rhodium

Bright cool white with a faint blue cast, the most reflective of all precious metals.

07

Electrum

Ancient gold-silver alloy with a pale amber warmth, used in the first coins ever minted.

08

Iridium

Dense slate grey with a cool violet undertone, the rarest and hardest precious metal.

09

Brushed Nickel

Warm neutral silver with a faint yellow-green tint, matte and modern like cabinet hardware.

10

Osmium

Deep blue-grey with an almost indigo quality, the densest naturally occurring element.

Modern Materials

10 New Textures • 3D Type

01

Cerakote

Ceramic polymer coating used on firearms and aerospace parts, matte with a cold industrial grip.

02

Black Steel

DLC-coated stainless steel, nearly invisible in low light with a whisper of blue-grey on the edge.

03

Blush Rose

Softer than classic rose gold, a muted pink copper with the warmth of skin against cool metal.

04

Carbon Fiber

Woven graphite composite, featherweight and rigid with a dark technical weave pattern.

05

Sapphire

Deep corundum blue with a crystalline depth, like looking into the heart of a Ceylon stone.

06

Tungsten

The densest refractory metal, a cool lavender-grey with the heft of something forged in a star.

07

Obsidian

Volcanic glass so dark it swallows light, with a razor edge and a faint blue undertow.

08

Meteorite

Widmanstatten-patterned iron-nickel, warm and ancient with the patina of interstellar travel.

09

Moonglow

Cool silvered blue like lunar regolith under earthlight, luminous and impossibly still.

10

Void Chrome

Dark mirror finish with a violet shift, as if chrome was forged in the absence of light.

Neon Edge

Razor Glow • Thin Weight • Pure Black

01

Plasma

Ionized gas at 30,000 kelvin. The fourth state of matter rendered as pure electric cyan.

02

Solar Flare

Coronal mass ejection frozen mid-burst. Hot orange light bending through the chromosphere.

03

Arctic Wire

Sub-zero conductivity. Ice-blue filament humming with current at the edge of superconductance.

04

Reactor

Cherenkov radiation green. The glow of particles exceeding the speed of light in water.

05

Dark Matter

85% of the universe is invisible. This is the color of what holds galaxies together.

06

Quantum

Superposition pink. Existing in all states simultaneously until observed and collapsed.

07

Mercury Vapor

Street lamp at 3AM. The cold blue-silver discharge of vaporized mercury in argon gas.

08

Photon

Massless, timeless, always at terminal velocity. Pure energy as warm golden light.

09

Nebula

Stellar nursery dust. Hydrogen-alpha emission at 656nm, the soft red of stars being born.

10

Zero Kelvin

Absolute zero. Molecular motion stops. The coldest possible blue, unreachable by definition.

Neon Edge — Flipped

Dark Border • Color-Soaked Cards • Black Void

01

Plasma

Ionized gas at 30,000 kelvin. The fourth state of matter rendered as pure electric cyan.

02

Solar Flare

Coronal mass ejection frozen mid-burst. Hot orange light bending through the chromosphere.

03

Arctic Wire

Sub-zero conductivity. Ice-blue filament humming with current at the edge of superconductance.

04

Reactor

Cherenkov radiation green. The glow of particles exceeding the speed of light in water.

05

Dark Matter

85% of the universe is invisible. This is the color of what holds galaxies together.

06

Quantum

Superposition pink. Existing in all states simultaneously until observed and collapsed.

07

Mercury Vapor

Street lamp at 3AM. The cold blue-silver discharge of vaporized mercury in argon gas.

08

Photon

Massless, timeless, always at terminal velocity. Pure energy as warm golden light.

09

Nebula

Stellar nursery dust. Hydrogen-alpha emission at 656nm, the soft red of stars being born.

10

Zero Kelvin

Absolute zero. Molecular motion stops. The coldest possible blue, unreachable by definition.

Neon Edge — Inverted

Same Energy • White Canvas • Deep Color

01

Plasma

Ionized gas at 30,000 kelvin. The fourth state of matter rendered as pure electric cyan.

02

Solar Flare

Coronal mass ejection frozen mid-burst. Hot orange light bending through the chromosphere.

03

Arctic Wire

Sub-zero conductivity. Ice-blue filament humming with current at the edge of superconductance.

04

Reactor

Cherenkov radiation green. The glow of particles exceeding the speed of light in water.

05

Dark Matter

85% of the universe is invisible. This is the color of what holds galaxies together.

06

Quantum

Superposition pink. Existing in all states simultaneously until observed and collapsed.

07

Mercury Vapor

Street lamp at 3AM. The cold blue-silver discharge of vaporized mercury in argon gas.

08

Photon

Massless, timeless, always at terminal velocity. Pure energy as warm golden light.

09

Nebula

Stellar nursery dust. Hydrogen-alpha emission at 656nm, the soft red of stars being born.

10

Zero Kelvin

Absolute zero. Molecular motion stops. The coldest possible blue, unreachable by definition.

Legal Icons — Champagne

10 Icons × 5 Treatments

Icon Flat Pill Circle Glass Glow
Gavel
Scales
Courthouse
Law Book
Contract
Handshake
Attorney
Shield
Briefcase
Scroll

Legal Icons — Arctic Wire

Wireframe × 5 Treatments

Icon Hairline Wire Box Wire Circle Dotted Wire Glow
Gavel
Scales
Courthouse
Law Book
Contract
Handshake
Attorney
Shield
Briefcase
Scroll

Legal Services — Gradient Gold

30 Practice Areas

Administrative & Regulatory Law ID 23
Antitrust & Competition ID 50
Appellate Practice ID 24
Aviation Law ID 51
Bankruptcy Law ID 25
Business & Corporate Law ID 26
Civil Rights & Constitutional Law ID 27
Construction Law ID 28
Consumer Law ID 29
Criminal Defense ID 30
DUI ID 52
Education Law ID 31
Elder Law ID 32
Employment & Labor Law ID 33
Entertainment Sports & Media Law ID 34
Environmental Law ID 35
Estate Planning & Probate ID 36
Family Law ID 37
Healthcare Law ID 38
Immigration Law ID 39
Insurance Law ID 40
Intellectual Property & Technology Law ID 41
Maritime & Admiralty Law ID 42
Military Law ID 43
Personal Injury ID 44
Privacy & Data Security Law ID 53
Real Estate Law ID 45
Securities Law ID 46
Social Security & Disability ID 47
Tax Law ID 48
Workers Compensation ID 49

Legal Services — Wireframe Gold

30 Practice Areas

Administrative & Regulatory Law ID 23
Antitrust & Competition ID 50
Appellate Practice ID 24
Aviation Law ID 51
Bankruptcy Law ID 25
Business & Corporate Law ID 26
Civil Rights & Constitutional Law ID 27
Construction Law ID 28
Consumer Law ID 29
Criminal Defense ID 30
DUI ID 52
Education Law ID 31
Elder Law ID 32
Employment & Labor Law ID 33
Entertainment Sports & Media Law ID 34
Environmental Law ID 35
Estate Planning & Probate ID 36
Family Law ID 37
Healthcare Law ID 38
Immigration Law ID 39
Insurance Law ID 40
Intellectual Property & Technology Law ID 41
Maritime & Admiralty Law ID 42
Military Law ID 43
Personal Injury ID 44
Privacy & Data Security Law ID 53
Real Estate Law ID 45
Securities Law ID 46
Social Security & Disability ID 47
Tax Law ID 48
Workers Compensation ID 49

Legal Services — Moonglow

30 Practice Areas

Legal Services — Gold Frame

30 Practice Areas

Animated Gradient Toggles

10 Modern CSS5 Toggle Switches

01 Cosmic Aurora
02 Molten Ember
03 Ocean Depth
04 Neon Plasma
05 Rose Chrome
06 Cyberpunk Glitch
07 Arctic Frost
08 Liquid Gold
09 Emerald Matrix
10 Sunset Horizon

Glass 3D Toggles

Glassmorphic • Depth Shadows • Animated Gradients

01 Prismatic Glass
02 Liquid Mercury
03 Holographic Beam
04 Obsidian Depth
05 Aurora Borealis
06 Diamond Facet
07 Plasma Reactor
08 Volcanic Glass
09 Midnight Sapphire
10 Supernova

Masterpiece Toggles

Glass • Dynamic Shadows • Gradient Colorshift • Pure CSS

01 Nebula Core Spinning conic nebula with blurred aurora halo and breathing starlight knob
02 Black Ice Frosted glass track with specular edge light and slow hue-rotating color drift
03 Solar Flare Blurred corona ring orbits the track while the knob pulses with white-hot energy
04 Phantom Silk Monochrome glass elegance with multi-layer inset depth and pure white chrome knob
05 Toxic Radiance Twin scanning beams orbit inside while the knob breathes with radioactive intensity
06 Quantum Shift Squared 3D slab with continuous hue-rotation on both track and knob independently
07 Starfield Four-point star cross rotates like a lighthouse beacon casting light rays
08 Venom Drip Deep purple glass with dripping shadow animation and magenta-violet pulsing orb
09 Crimson Forge Squared obsidian slab with molten conic corona and hue-shifting ember knob
10 Infinity Mirror Full-spectrum rainbow aurora with 5-layer depth glow and expanding starlight knob

Luminous Toggles

White Canvas • Color Shift Gradients • Shaped Knobs

01 Prism Pill Diamond-rotated knob on violet-to-fuchsia flowing gradient
02 Coral Tide Organic squircle knob on rose-to-fuchsia shifting tide
03 Solar Beam Hexagonal knob on amber-to-red burning gradient wave
04 Deep Ocean Teardrop knob on rounded-square cyan-to-indigo current
05 Emerald Pulse Spinning star knob on green-to-teal pulsing gradient
06 Neon Mint Wide oval knob on teal-to-sky flowing gradient
07 Magenta Flare Ring-border circle knob on squared fuchsia-to-violet track
08 Sunset Strip Wide capsule knob on orange-to-pink-to-purple cascading gradient
09 Arctic Shift Shield knob on sky-to-violet with hue-rotating color drift
10 Spectrum Infinity Morphing blob knob on full 9-color rainbow sweep

Neon Mint Collection

Teal • Cyan • Jade • Metallic Glass Knobs • White Canvas

01 Seafoam Chrome Glossy chrome knob with top-lit specular highlight on seafoam-to-teal gradient
02 Glacier Steel Brushed steel knob with directional light sweep on sky-blue-to-cobalt gradient
03 Jade Mirror Radial mirror-finish knob on emerald-to-forest flowing green gradient
04 Aquamarine Shift Wide frosted glass knob on cyan-to-teal with hue-rotating color drift
05 Tidal Chrome Conic gradient chrome knob with pulsing glow halo on ocean blue-to-mint
06 Patina Glass Aged glass knob with directional highlight on deep teal-to-mint gradient
07 Electric Lagoon Orbiting conic accent ring with metallic glass knob on cyan-to-sky gradient
08 Opal Mist Conic opal-finish knob with shimmer pulse on teal-cyan-mint tri-color sweep
09 Deep Reef Radial mirror knob on deep blue-to-teal with subtle hue-rotating current
10 Meridian Flow Spinning conic halo ring with opal-finish knob pulsing on full teal spectrum

Deep Reef

Metallic Glass • Blue-Green Colorshift • Animated

Deep Reef

Get Started Button

Animated Conic Border • Metallic Glass Circle • Hover Effects