A form-based text field component with built-in validation using React Aria, featuring required field handling, error message display, and a submit button.
A four-step interactive setup wizard featuring a progress stepper, per-step validation, and navigation controls including back, skip, and finish actions with smooth step transitions.
A form component for email validation using TanStack Form and Zod, featuring real-time error handling, success feedback states, and a clean card-based layout.
A form input component integrated with React Hook Form and Zod validation, featuring real-time error handling, field labels, and a submission button with toast notifications.
A compact onboarding dialog featuring a hero image, title, description, and dual call-to-action buttons for a guided user welcome experience.
A compact form component featuring Zod schema validation, real-time error handling, and a loading state button, designed for user input collection.
A multi-step onboarding flow for Next.js using Clerk and TanStack Form, featuring animated step transitions, OTP verification, and a responsive layout with integrated testimonials.
A responsive two-column onboarding layout featuring a split-screen design with a dedicated sidebar for testimonials and a centered, multi-step authentication flow integrated with Clerk.
An interactive onboarding deploy pipeline component featuring a progress-tracked accordion list, real-time status updates, and completion indicators built with Tailwind CSS, Radix UI Accordion, and Progress components.
A vertical progress timeline component displaying step-by-step onboarding status with icons for completed, in-progress, and upcoming tasks, featuring activity timestamps and descriptive text.
A vertical activity feed component featuring user avatars, status indicators, and timestamped project updates connected by a clean timeline connector line.
Select an Item to view its code
Choose an item from the list to view its code and files.