Pulse Halo Button
A glowing cyan button that emits an expanding pulse halo when clicked.
Tools. Ideas. Digital Experiences.
REX CODE
REX CODE
EFFECTS
A curated library of 300 hand-crafted CSS effects across 20 categories. Live demos, copy-paste code, zero dependencies. Built for the rexai.site toolkit.
300
Effects
20
Categories
100%
Pure CSS
0
Dependencies
Explore by category
20 Categories
Tap any pill to filter the library. Each category holds 10 hand-crafted, production-ready snippets.
The library
All Effects
300 effects · click any card to view the full code
Liquid Magnetic Button
A pill button with a flowing teal-cyan gradient and a sweeping shimmer on hover.
Glassmorphism Button
A frosted-glass button with a soft cyan tint that lifts and brightens on hover.
Animated Gradient Border Button
A dark button framed by a conic gradient border that continuously rotates around it.
3D Push Button
A chunky 3D button with a thick bottom shadow that compresses realistically when pressed.
Ripple Fill Button
An outline button that fills from the center outward with a circular ripple on hover.
Slide Fill Button
A bordered button that fills left-to-right with solid cyan on hover, inverting text color.
Glow Sweep Button
A teal gradient button with a diagonal light sweep that crosses its surface on hover.
Cyber Glitch Button
A clip-path angular cyber button that inverts color and emits a neon glow on hover.
Arrow Slide Button
A pill button whose trailing arrow glides forward on hover for a directional CTA feel.
Orbital Triple Spinner
Three concentric cyan rings rotating at different speeds and directions for an orbital effect.
Dual Ring Loader
Two nested cyan rings counter-rotating with a soft glow for a clean dual spinner.
Wave Bars Loader
Five vertical bars that pulse in a wave pattern resembling an audio equalizer.
Hexagon Pulse Loader
A cyan hexagon that scales, rotates, and emits a pulsing drop-shadow glow.
Conic Gradient Spinner
A circular ring built from a conic gradient and a radial mask, producing a sleek arc spinner.
Bouncing Dots Loader
Three glowing cyan dots that bounce in sequence with a soft neon trail.
Square Flip Loader
A teal gradient square that flips in 3D and morphs into a circle mid-spin.
Liquid Drop Loader
A morphing blob that pulses between rounded shapes like a liquid drop settling.
Pulse Ring Loader
Three expanding rings emanate from a glowing cyan core in a radar-like pulse.
Orbiting Planet Loader
A small glowing planet orbits a cyan sun along a dashed trajectory line.
Glassmorphic Profile Card
A frosted profile card with avatar, name, role, and skill pills over a teal gradient.
Holographic Foil Card
A dark card with a sweeping holographic rainbow gradient over a glossy title.
3D Flip Card
A card that flips on the Y axis when hovered, revealing a contrasting back face.
Neon Frame Card
A cyber-style card with glowing L-shaped corner brackets framing its content.
Page 1 of 13
Copy-Paste Ready
Every effect ships with clean HTML + CSS you can drop straight into your project. No build step, no dependencies.
Sandboxed Previews
Each demo renders inside an isolated iframe so styles never leak. What you see is exactly what you copy.
Admin-Managed
Add, edit, or remove effects from the built-in admin panel. The whole library lives in your database.
Ready to level up your UI?
Browse 300 effects, copy the code, ship faster. Part of the rexai.site digital toolkit.