Waitlists

A collection of modern and engaging waitlist pages with gradient backgrounds and email signup forms.

Installation

Quick guide to setup the component

1. Copy and paste this into the terminal to install the required dependencies.

Terminal

Copied!

npm i motion clsx tailwind-merge react-icons

npm i motion clsx tailwind-merge react-icons

2. Create /lib folder, then create the file utils.ts. Copy and paste this inside of it.

lib/utils.ts

Copied!

1import { ClassValue, clsx } from "clsx";
2import { twMerge } from "tailwind-merge";
3 
4export function cn(...inputs: ClassValue[]) {
5  return twMerge(clsx(inputs));
6}

1import { ClassValue, clsx } from "clsx";
2import { twMerge } from "tailwind-merge";
3 
4export function cn(...inputs: ClassValue[]) {
5  return twMerge(clsx(inputs));
6}

Gradient Waitlist

A modern waitlist page with a dark theme, gradient backgrounds, and an email signup form.

Waitlists

For viewing the full waitlists click on See Preview to see it in action.

Responsive design withTailwind CSS
Dark mode support with theme switching
Beautiful icons withReact Icons
Copy-paste ready components with instant preview

Perfect for building landing pages, showcasing products, or creating stunning first impressions.

Ready to see the waitlists in action?

See Preview →

Grain Mash Waitlist

A waitlist page with a grainy, gradient background and a clean, modern layout.

Waitlists

For viewing the full waitlists click on See Preview to see it in action.

Responsive design withTailwind CSS
Dark mode support with theme switching
Beautiful icons withReact Icons
Copy-paste ready components with instant preview

Perfect for building landing pages, showcasing products, or creating stunning first impressions.

Ready to see the waitlists in action?

See Preview →

Spacial Waitlist

A space themed waitlist with animated stars, indigo glow, and planet horizon.

Waitlists

For viewing the full waitlists click on See Preview to see it in action.

Responsive design withTailwind CSS
Dark mode support with theme switching
Beautiful icons withReact Icons
Copy-paste ready components with instant preview

Perfect for building landing pages, showcasing products, or creating stunning first impressions.

Ready to see the waitlists in action?

See Preview →

More Components Coming Soon

We're constantly adding new components to help you build faster.

More coming soon! 🚀

Have a specific component in mind? I'd love to build it for you.

Request a component →

Component Development

Need custom React components for your project? Get in touch

I've built hundreds of components, and helped developers and teams create beautiful, reusable UI components.

Custom React components withTypeScript support
Beautiful styling withTailwind CSS
Fully tested and documented components ready to use

Perfect for development teams, agencies, or anyone needing custom UI components.

Ready to enhance your component library?

Reach out to me →

DP's Templates

Access an ever-growing collection of premium, meticulously crafted templates and component packs for modern web and mobile development. Built by Emanuele Di Pietro.