Development · Website
Skiper UI
Animated, uncommon UI components installable directly via shadcn CLI
Skiper UI is an animated component library designed as an add-on layer for shadcn/ui and Next.js projects. It provides complex, highly interactive components like dynamic islands, image reveal effects, and cursor trails that can be added into a codebase with single CLI commands. Each component is self-contained in a single file with no extraneous dependencies.
What it's for
- Add interactive micro-animations and scroll effects to Next.js landing pages
- Install complex UI widgets like dynamic islands and cursor trails using shadcn CLI
- Customize pre-built interactive components directly inside a Tailwind CSS project
Features
- Over 100 components including drag-and-scroll interactions and image reveals
- Installs directly via standard shadcn CLI commands (npx shadcn add)
- Single-file component structure without unnecessary third-party packages
- Built for Next.js, Tailwind CSS, TypeScript, and Motion
- Includes both free components and premium lifetime-access tiers
Pricing
Freemium. Free tier with 24+ components; Premium is a $129 one-time payment for lifetime access.
Details
- Type
- Website
- Category
- Development
- Topic
- UI Components
- Open source
- No
- Platforms
- Code library, Command line, Web
- For
- Next.js and React developers building modern, animated web interfaces.
- Alternative to
- Magic UI, Aceternity UI, shadcn/ui
- Tags
- shadcn, nextjs, react, tailwind, motion, ui library
Why it was saved
- @benkimball.ai: Provides ready-to-use complex components like dynamic islands, scroll effects, and 3D interactions via shadcn CLI.
Compare
Related
Copy-paste React UI components built with Tailwind CSS and Radix primitives.
Pre-built, responsive shadcn/ui blocks and layouts for React applications
Open-source animation library for React, Vue, and vanilla JavaScript
Open-source animated and interactive React UI components and backgrounds
Curated directory of crafted React, Tailwind, and shadcn UI components.
Open-source animated React icons built with Lucide and Motion
Updated