Command Palette

Search for a command to run...

Loading component...

Components Pro Family wallet

Family wallet

Comprehensive authentication interface with multiple sign-in methods including email, phone, passkey, and wallet connections. Features smooth drawer animations, OTP verification, social login options, and dynamic view transitions with framer-motion.

Dependencies

Interaction Type

Click to open sign in drawer
Try different authentication methods
Observe smooth view transitions
Test OTP input and wallet connections

Install via Pro CLI [Requires a Pro license key]

pnpm dlx shadcn add @skiper-ui/skiper21

How to use

import { Skiper21 } from "@/components/v1/skiper21";

const DemoSkiper21 = () => {
  return (
    <main className="h-screen w-full">
      <Skiper21 />
    </main>
  );
};
Props
Description

none

Self Contained Component

Attribution

  • Inspired by and adapted from family App.
  • Recreated micro-interactions from jakub.kr.

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 to
Drop 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.
Family wallet | Skiper UI | Skiper UI