Command Palette
Search for a command to run...
Loading component...
Family Receive button
A beautiful animated confirmation dialog with smooth layout transitions and spring animations. Features a toggle button that transforms into a full confirmation modal with backdrop blur and elegant motion design.
Dependencies
Interaction Type
| Try clicking the receive button | |
| observe smooth layout and spring animations |
Install via Pro CLI [Requires a Pro license key]
pnpm dlx shadcn add @skiper-ui/skiper45How to use
import { Skiper45 } from "@/components/v1/skiper45"; // Using the complete component with confirmation dialog const DemoSkiper45 = () => { return ( <main> <Skiper45 /> </main> ); };
Props | Description |
|---|---|
none | This component is self-contained and doesn't accept any props |
Attribution
- Inspired by and adapted from family.co Awesome app
- Examples from motion.dev pro
- The component is recreated version inspired from family.co app and motion.dev+ and not associated with them.
Source code
Click on the top right to view the source code
Keep in mind
Most components here are recreations of the best out there. I don't claim to be the original creator. This is my attempt to reverse-engineer, replicate, and often add a few extra features. I've tried to credit everyone, but if I missed something, let me know.
Contact
Additionlly, if you find any bug or issue, feel free toDrop a dm.
License & Usage:
- Free to use and modify in both personal and commercial projects.
- Attribution to Skiper UI is required when using the free version.
- No attribution required with Skiper UI Pro.