---
name: "@skiper-ui"
slug: "skiper-ui"
description: "A growing registry of visually striking, uncommon shadcn/ui-compatible components for Next.js, focused on distinctive interactions and micro-animations. Includes 103+ components such as Dynamic Island, Image Reveal, Hover Members, Vercel Tooltip, Image Cursor Trail, Aave Token Swap UI, and Devouring Details sign-in. Most items require a Pro subscription; a small free tier is available. Installed via shadcn CLI (@skiper-ui namespace). Inspired by design engineers like Emil Kowalski and Rauno Freiberg. Use for: adding rare, high-craft interactive components to a Next.js product when standard shadcn/ui primitives are too ordinary."
category: "Animated components"
tags: ["aesthetic", "animation", "auth", "design-system", "hooks", "media", "overlays", "payments", "pro-available"]
framework: "react"
license: null
author: null
website: "https://skiper-ui.com/"
github: "N/A"
registry: "https://skiper-ui.com/registry/registry.json"
pro: true
pro_url: "https://skiper-ui.com/pricing"
github_stars: null
component_count: 37
generated_at: "2026-07-28T08:59:05.895Z"
---

# @skiper-ui

A growing registry of visually striking, uncommon shadcn/ui-compatible components for Next.js, focused on distinctive interactions and micro-animations. Includes 103+ components such as Dynamic Island, Image Reveal, Hover Members, Vercel Tooltip, Image Cursor Trail, Aave Token Swap UI, and Devouring Details sign-in. Most items require a Pro subscription; a small free tier is available. Installed via shadcn CLI (@skiper-ui namespace). Inspired by design engineers like Emil Kowalski and Rauno Freiberg. Use for: adding rare, high-craft interactive components to a Next.js product when standard shadcn/ui primitives are too ordinary.

## Links

- Website: https://skiper-ui.com/
- GitHub: N/A
- Registry JSON: https://skiper-ui.com/registry/registry.json
- Directory page: https://sh4dcn.vercel.app/registry/skiper-ui
- This file: https://sh4dcn.vercel.app/md/skiper-ui.md
- Pro / pricing: https://skiper-ui.com/pricing

## Install

```sh
# add the whole registry (shadcn CLI)
npx shadcn@latest add https://skiper-ui.com/registry/registry.json
pnpm dlx shadcn@latest add https://skiper-ui.com/registry/registry.json
bunx shadcn@latest add https://skiper-ui.com/registry/registry.json
# clone the source repo
git clone N/A.git
# fetch the raw registry index
curl -s https://skiper-ui.com/registry/registry.json
```

## Components (37)

| name | type | description | install |
| --- | --- | --- | --- |
| skiper3 | registry:ui | Apple play button | `npx shadcn@latest add https://skiper-ui.com/registry/skiper3.json` |
| skiper4 | registry:ui | Theme toggle buttons | `npx shadcn@latest add https://skiper-ui.com/registry/skiper4.json` |
| skiper16 | registry:ui | Card stack scroll | `npx shadcn@latest add https://skiper-ui.com/registry/skiper16.json` |
| skiper17 | registry:ui | Card stack with gsap and rotate | `npx shadcn@latest add https://skiper-ui.com/registry/skiper17.json` |
| skiper19 | registry:ui | Svg follow scroll | `npx shadcn@latest add https://skiper-ui.com/registry/skiper19.json` |
| skiper25 | registry:ui | Music toggle btn | `npx shadcn@latest add https://skiper-ui.com/registry/skiper25.json` |
| skiper26 | registry:ui | Theme toggle btn | `npx shadcn@latest add https://skiper-ui.com/registry/skiper26.json` |
| skiper28 | registry:ui | 3D perspective text | `npx shadcn@latest add https://skiper-ui.com/registry/skiper28.json` |
| skiper30 | registry:ui | Oliver parallax | `npx shadcn@latest add https://skiper-ui.com/registry/skiper30.json` |
| skiper31 | registry:ui | Text Scroll animation | `npx shadcn@latest add https://skiper-ui.com/registry/skiper31.json` |
| skiper34 | registry:ui | Scroll images reveal 003 | `npx shadcn@latest add https://skiper-ui.com/registry/skiper34.json` |
| skiper37 | registry:ui | Animated number | `npx shadcn@latest add https://skiper-ui.com/registry/skiper37.json` |
| skiper39 | registry:ui | Canvas crowd | `npx shadcn@latest add https://skiper-ui.com/registry/skiper39.json` |
| skiper40 | registry:ui | CssLink | `npx shadcn@latest add https://skiper-ui.com/registry/skiper40.json` |
| skiper41 | registry:ui | Progressive Blur | `npx shadcn@latest add https://skiper-ui.com/registry/skiper41.json` |
| skiper47 | registry:ui | Perspective carousel | `npx shadcn@latest add https://skiper-ui.com/registry/skiper47.json` |
| skiper48 | registry:ui | Card swipe carousel | `npx shadcn@latest add https://skiper-ui.com/registry/skiper48.json` |
| skiper49 | registry:ui | Inverted perspective carousel | `npx shadcn@latest add https://skiper-ui.com/registry/skiper49.json` |
| skiper50 | registry:ui | Creative carousel 001 | `npx shadcn@latest add https://skiper-ui.com/registry/skiper50.json` |
| skiper51 | registry:ui | Creative carousel 002 | `npx shadcn@latest add https://skiper-ui.com/registry/skiper51.json` |
| skiper52 | registry:ui | ExpandOnHover | `npx shadcn@latest add https://skiper-ui.com/registry/skiper52.json` |
| skiper53 | registry:ui | ExpandOnHover vertical | `npx shadcn@latest add https://skiper-ui.com/registry/skiper53.json` |
| skiper54 | registry:ui | Shadcn clipPath Carousal | `npx shadcn@latest add https://skiper-ui.com/registry/skiper54.json` |
| skiper58 | registry:ui | Text roll navigation | `npx shadcn@latest add https://skiper-ui.com/registry/skiper58.json` |
| skiper61 | registry:ui | Mouse follow animations | `npx shadcn@latest add https://skiper-ui.com/registry/skiper61.json` |
| skiper62 | registry:ui | Loop animation hook | `npx shadcn@latest add https://skiper-ui.com/registry/skiper62.json` |
| skiper63 | registry:ui | Apple squicircle effect | `npx shadcn@latest add https://skiper-ui.com/registry/skiper63.json` |
| skiper64 | registry:ui | Gooey Effect | `npx shadcn@latest add https://skiper-ui.com/registry/skiper64.json` |
| skiper65 | registry:ui | Breakpoint indicator | `npx shadcn@latest add https://skiper-ui.com/registry/skiper65.json` |
| skiper66 | registry:ui | SVG clip path mask | `npx shadcn@latest add https://skiper-ui.com/registry/skiper66.json` |
| skiper67 | registry:ui | Video player 001 | `npx shadcn@latest add https://skiper-ui.com/registry/skiper67.json` |
| skiper87 | registry:ui | Scroll with fade effect | `npx shadcn@latest add https://skiper-ui.com/registry/skiper87.json` |
| skiper89 | registry:ui | Scroll progress 001 | `npx shadcn@latest add https://skiper-ui.com/registry/skiper89.json` |
| skiper99 | registry:ui | Animated icons 002 | `npx shadcn@latest add https://skiper-ui.com/registry/skiper99.json` |
| skiper101 | registry:ui | Custom tooltip | `npx shadcn@latest add https://skiper-ui.com/registry/skiper101.json` |
| skiper102 | registry:ui | Debug Pannel | `npx shadcn@latest add https://skiper-ui.com/registry/skiper102.json` |
| skiper106 | registry:ui | Smooth caret input | `npx shadcn@latest add https://skiper-ui.com/registry/skiper106.json` |

## For AI agents

```text
You are adding components from @skiper-ui to a shadcn-compatible project.
1. Read this file (https://sh4dcn.vercel.app/md/skiper-ui.md) for the component list.
2. Fetch the machine-readable index: https://skiper-ui.com/registry/registry.json
3. Install a single component with its install command from the table above.
4. Full structured record: https://sh4dcn.vercel.app/json (library slug: skiper-ui).
```