Gradient Team Page

A colorful team page with gradient backgrounds.

Preview Size:

Meet Our Team

The creative minds behind AkarUI's innovative component library

Alex Chen

Alex Chen

Founder & CEO

Sarah Kim

Sarah Kim

Lead Designer

Mike Johnson

Mike Johnson

Senior Developer

Emma Davis

Emma Davis

Product Manager

Viewing in Desktop size (1200px × 800px)View Full Size

Usage Instructions

Installation

Copy the component code and paste it into your project. Make sure you have the required dependencies installed.

bash
npm install framer-motion lucide-react

Basic Usage

Import and use the component in your React application:

tsx
import { GradientTeamPage } from '@/components/gradient-team-page';

export default function MyPage() {
  return (
    <div>
      <h1>My Page</h1>
      <GradientTeamPage />
    </div>
  );
}

Customization

This component accepts various props for customization. Check the component code to see all available props and their types.

Component Info

Category

Pages

Framework

React + Next.js

Styling

Tailwind CSSCSS

Dependencies

framer-motionlucide-react

Quick Actions

Full Preview