Back

ExpandButton

ExpandButton

import * as React from "react";
import { Slot } from "@radix-ui/react-slot";
import { cva } from "class-variance-authority";
import { cn } from "@/lib/utils";

// Define button variants with cva for dynamic class names based on props
const buttonVariants = cva(
  "relative inline-flex items-center justify-center overflow-hidden font-medium transition-all duration-300", // Common classes
  {
    variants: {
      size: {
        sm: "h-8 w-8 hover:w-24",
        md: "h-12 w-12 hover:w-32",
        lg: "h-16 w-16 hover:w-40",
// 🎬 join to snag the full code

Buy for life

Lifetime membership

Includes new components, templates, new dev tools, and more.

What's included

  • Templates
  • Starters
  • Dev Tools
  • Components
launch week discount

$79$100USD

previous cost$59USD

Whats in the 📦

Years of value. Years of new components, templates, starters, yours to own forever. Everything you need to ship beautiful apps.

2

Nextjs Starters

All the boilerplate code you need to spin up a Saas: stripe, supabase db, supabase auth, UI components.

2 Fully Designed Templates

Rune New

Fully designed. Prod ready

Embeddings, auth, stripe.
Manifest is a pocket perplexity app. Upload any files and chat when them.

Make it pop 🤌

Components

Powerful components built specifically
for shipping unique AI Saas apps.

Dev Tools

Generate full stack features

Run the dev tools locally. Generate shadcn components, Api routes, supabase schemas, rls policies and more.

fresh

API Snippets

Like shadcn for the backend. Copy and paste a snippet
instead of reverse engineering an app for a single feature.