Important: This documentation covers Yarn 1 (Classic).
For Yarn 2+ docs and migration guide, see yarnpkg.com.

Package detail

@casoon/tailwindcss-orbs

jseidel3.9kMIT0.9.7

Comprehensive orb/blob visual effects for Tailwind CSS v4 - Animated orbs, background effects, interactive components, and glassmorphism elements with advanced motion and visual effects

tailwindcss, css, orbs, blobs, animations, backgrounds, effects, glassmorphism, acrylic, interactive, motion, floating, morphing, shimmer, glow, visual-effects, ui, components, tailwind-v4

readme

@casoon/tailwindcss-orbs

CSS-first Tailwind v4 orb/blob visual effects as @utility classes.

  • Import
@import "tailwindcss";
@import "@casoon/tailwindcss-orbs";
  • Use
<div class="cs-orb cs-orb-md cs-orb-float motion-reduce:cs-orb-slow"></div>
  • Variants
    • motion-safe, motion-reduce, contrast-more, forced-colors, dark, light

Notes

  • Keyframes live with utilities; only referenced ones ship.
  • Media/Supports/Container rules are nested inside utilities for tree‑shaking.