Creative Portfolio

A modern portfolio page with gradient accents.

Preview Size:
A

Alex Johnson

Full Stack Developer & Designer

I create digital experiences that blend beautiful design with powerful functionality. Passionate about clean code, user experience, and innovative solutions.

Featured Work

A collection of projects that showcase my skills in development, design, and problem-solving.

E-Commerce Platform
FEATURED
web
124

E-Commerce Platform

A modern e-commerce platform built with Next.js and Stripe integration

Next.jsReactStripe+1 more
Jan 2024
Mobile Banking App
mobile
89

Mobile Banking App

Secure mobile banking application with biometric authentication

React NativeFirebaseBiometrics
Feb 2024
Brand Identity Design
FEATURED
design
156

Brand Identity Design

Complete brand identity package for a tech startup

BrandingLogo DesignTypography
Mar 2024
AI Dashboard
web
203

AI Dashboard

Analytics dashboard with AI-powered insights and predictions

ReactD3.jsAI+1 more
Mar 2024

Let's Work Together

Have a project in mind? I'd love to hear about it and discuss how we can bring your ideas to life.

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 { CreativePortfolio } from '@/components/creative-portfolio';

export default function MyPage() {
  return (
    <div>
      <h1>My Page</h1>
      <CreativePortfolio />
    </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