# UIVibes

> Live previews are free for everyone. Source code and AI prompts require a free account for free components, or a Pro subscription (R$9/mo or R$57/yr) for pro components.

## Components

### Backgrounds

- [Aurora Background](https://uivibes.dev/components/backgrounds/aurora-background): Animated aurora borealis gradient background with layered radial gradients and noise texture. (PRO)
- [Dot Grid](https://uivibes.dev/components/backgrounds/dot-grid): CSS dot pattern background with configurable size, spacing, and edge fade. (FREE)
- [Grid Pattern](https://uivibes.dev/components/backgrounds/grid-pattern): CSS line grid background with configurable cell size, line color, and edge fade. (PRO)

### Text

- [Gradient Text](https://uivibes.dev/components/text/gradient-text): CSS gradient text with configurable colors, direction, and HTML element. (FREE)
- [Shimmer Text](https://uivibes.dev/components/text/shimmer-text): Animated gradient shimmer text effect using background-clip and CSS keyframes. (PRO)
- [Typewriter](https://uivibes.dev/components/text/typewriter): Animated typewriter effect that cycles through a list of words with configurable typing, deleting, and pause speeds. (PRO)

### Buttons

- [Glow Button](https://uivibes.dev/components/buttons/glow-button): Button with a mouse-tracking radial gradient glow effect. Two variants, three sizes. (FREE)
- [Shimmer Button](https://uivibes.dev/components/buttons/shimmer-button): Button with a CSS shimmer sweep animation on hover. No JS, pure CSS transform. (PRO)

### Cards

- [Glow Card](https://uivibes.dev/components/cards/glow-card): Interactive card with mouse-tracking radial gradient glow effect. (FREE)
- [Tilt Card](https://uivibes.dev/components/cards/tilt-card): 3D perspective tilt card with spring physics and glare layer on mouse move. (PRO)

### Effects

- [Noise Texture](https://uivibes.dev/components/effects/noise-texture): SVG-based noise overlay using feTurbulence filter for film grain and texture effects. (PRO)

### Borders

- [Gradient Border](https://uivibes.dev/components/borders/gradient-border): Rotating conic gradient border using @property CSS animation. Works on any element. (PRO)

### Loaders

- [Skeleton](https://uivibes.dev/components/loaders/skeleton): Pulse loading skeleton with SkeletonCard and SkeletonProfile presets for common UI patterns. (FREE)

### Marquee

- [Infinite Marquee](https://uivibes.dev/components/marquee/infinite-marquee): Seamless CSS infinite scroll ticker with pause-on-hover, direction, and speed control. (PRO)

## Docs

- [All components](https://uivibes.dev/components): Browse every published component by category.
- [Pricing](https://uivibes.dev/pricing): Free vs. Pro access and subscription pricing.

## Optional

- [Design System](https://uivibes.dev/design-system): Tokens, typography and UI building blocks used across the site.