✦ Welcome To Pheonix Resource Hub

Copy. Paste.
Ship Faster.

Browse 100+ ready-to-use CSS snippets, UI components, and Enjoy

Trending Now 🔥

#1 Neon Glow Button 2.4k copies
#2 Glassmorphism Button 1.9k copies
#3 Gradient Shift Button 1.7k copies
#4 3D Press Button 1.5k copies
#5 Sweep Fill Button 1.2k copies
#6 Ghost Shimmer 980 copies

All Snippets

View all →
Neon Glow Button
CSS
Electric border glow with hover fill.
Glassmorphism Button
CSS
Frosted glass with backdrop blur.
Gradient Shift Button
CSS
Animated gradient slides on hover.
Neumorphic Button
CSS
Soft shadow embossed look.
Sweep Fill Button
CSS
Background slides in from left.
3D Press Button
CSS
Satisfying push-down effect.
Pill Button
CSS
Classic fully-rounded CTA pill.
Ghost Shimmer
CSS
Infinite shimmer skeleton loader.
Skeleton Loader
CSS
Content loading placeholder with wave shimmer animation.
Radar Pulse
CSS
Infinite zooming concentric radar circles.
Hover Me
Glass Shine
CSS
Sleek linear shine swipe across a glass card.
🚀
Smooth Float
CSS
Infinite loop vertical floating animation for UI icons.
PHEONIX
RGB Border Loop
CSS
Infinite colorful gradient border rotating effect.
Menu to X
CSS/JS
Classic smooth hamburger toggle to close icon.
Danger Outline
CSS
Destructive action, red fill on hover.
Retro Terminal
CSS
Monospaced terminal aesthetic.
Gradient Border
CSS
Gradient border via pseudo-element.
Icon CTA Button
CSS
Flexbox icon + label combo.
Cyber Glass Glow
CSS
Frosted cyber glass with pink hover glow.

Premium Feature

Unlock advanced tools and custom components.

Glow Border Card
CSS
Dark card with animated glow border effect.

Premium Feature

Unlock advanced tools and custom components.

Glow Border Card
CSS
Dark card with animated glow border effect.
Neon Border Shift
CSS
Modern floating label with neon glow on focus.
Neon Line Input
CSS
Minimal input with animated glowing bottom line focus effect.
Glass Floating Input
CSS
Frosted glass input with smooth neon glow violet border on focus.
Badge Icon Input
CSS
Input fields featuring an isolated solid badge icon container.
Inward Shadow Input
CSS
Cyberpunk neomorphic layout with inset clean inner shadows.
Label Shift Input
CSS
Modern outlined input field with transforming border tags.
Corner Run Input
CSS Only
Advanced border animation where a light beam travels around the edges on focus.
سڵاو! ئەمە فۆنتی ڕابەرە
Rabar Font
TTF - CSS
Beautiful and clean Kurdish font for modern UI designs.
Cyber Grid Matrix
Sci-Fi
Futuristic grid backdrop texture that lights up reactively when entering text.
Liquid Wave Focus
Modern UI
Sleek borderless field that triggers an organic neon radial fluid pulse.
Split Verification Boxes
Premium
Segmented inputs dedicated for secure OTP authentication code workflows.