Evilkitty

Create your own style with a bio page that supports music, custom fonts, glow effects, and complete visual control. Design pages that feel uniquely yours.

Bio PlatformNext.js • Tailwind CSS • Vercel • Stripe • Cloudflare • Supabase
Visit Project
Evilkitty bio platform with profile editor, Discord integration, and customization options

What We Built & Why

Evilkitty is a bio page platform for creating custom "for you" pages. Users can add music, custom fonts, colors, glow effects, mouse interactions, reveal screens, and control spacing, widths, and corner styles. Each person can build a page that matches their style.

Other bio tools only offer basic templates. We wanted to give people more options to customize their pages. No coding needed.

Discord Integration

Connect your Discord profile, display server membership, and sync your online status seamlessly with your bio page.

Discord profile integration showing server connections and status
Evilkitty profile editor showing live preview and customization options

Live Profile Customization

Customize your bio page in real-time with live preview editing. Choose from multiple themes, add mouse effects, upload custom banners, and arrange content blocks with instant visual feedback.

Custom Fonts

Choose from our curated font collection to perfect your bio page typography with unique typefaces that match your personal brand or aesthetic.

Font selection interface showing custom typography options and font preview
Social links configuration showing connected profiles and click statistics

Social Links For Everyone

Connect all your social media profiles in one place. Add unlimited links with custom icons, track click analytics, and organize your digital presence with beautiful, shareable bio pages.

Key Features

Customizable bio pages with live preview editing
Advanced analytics and profile statistics
Security features with ban system
Profile customization with themes and effects
Tiered subscription plans with premium features
Admin dashboard with user management
Invite system and donation mechanisms
Discord profile integration and server connections
Custom themes and mouse effects
Social media integration and management

The Problem

Building a live preview that updates instantly while users customize their bio page was challenging due to constant re-renders causing performance degradation

Our Approach

Built a multi-tier caching system to prevent unnecessary re-renders and speed up real-time updates

Development Challenges & Solutions

Step Tracking Accuracy

Challenge

Building a live preview that updates instantly while users customize their bio page was challenging due to constant re-renders causing performance degradation

Solution

Built a multi-tier caching system to prevent unnecessary re-renders and speed up real-time updates

Inclusive Competition Design

Challenge

Creating a component rendering system that could handle complex customizations while maintaining smooth performance

Solution

Created selective re-rendering with component isolation so only changed parts update, not entire pages

Real-Time Synchronization

Challenge

Implementing smooth animations across different devices and browsers without compromising user experience

Solution

Used requestAnimationFrame optimization for smooth 60fps animations on all devices

Privacy & Social Balance

Challenge

Building performance optimization features that adapt to different device capabilities

Solution

Built adaptive performance detection to automatically adjust effects based on device capabilities

Cross-Generational Usability

Challenge

Managing memory efficiently with complex animations, event listeners, and real-time updates

Solution

Implemented memory cleanup with event listener management to prevent leaks from animations and user interactions

Evilkitty bio platform with profile editor, file hosting dashboard, and Discord integration