Hacker Bio Link - Copy this React, Tailwind Component to your project
Create a complete hacker themed bio link website with deep customization capabilities using a single code editor interface. The site must include: ### š» TERMINAL STYLE CUSTOMIZATION PANEL **Visual Interface:** CRT monitor aesthetic with scanlines and flickering glow Color scheme: #00FF41 (neon green), #0A5C36 (dark terminal), #000000 (background) Animated elements: ⢠Falling binary rain (0/1 characters) ⢠Glitch effects on state changes ⢠Pulsating cursor in command line **Profile Editor:** 1. AVATAR UPLOAD: Drag and drop pixel art converter Cyber accessories overlay (VR headset/hoodie) Preview with real time glitch effects 2. BIO TEXT EDITOR: Typewriter animation with terminal sounds Markdown support for code blocks Character counter as "SYSTEM MEMORY: āāāā 87%" 3. THEME CUSTOMIZER: ```terminal > customize theme [1] Glow intensity: |||||||||ā 90% [2] Binary density: |||āāā 40% [3] Hacker level: ā PRO ā š SOCIAL LINK MANAGEMENT Link Creation System: Pre configured platforms: > add link platform github Enter username: [your_github] > add link platform discord Enter invite: [your_invite] Custom link creator: > add link custom Title: [Portfolio] URL: [https://...] Icon: [UPLOAD .SVG] Link Display: Each link appears as: āāāāāāāāāāāāāāāāāāāāāāāāā ā [ICON] GITHUB ā ā github.com/yourname ā ā ā² 24 repos ā¼ 1.2k stars ā āāāāāāāāāāāāāāāāāāāāāāāāā Hover effects: ⢠Circuit board animation ⢠Binary IP overlay (192.168 ā 11000000.10101000) š„ļø REAL TIME PREVIEW Dual pane Interface: [ EDITOR PANEL ] | [ LIVE PREVIEW ] Changes reflect instantly in preview Device toggle: Mobile ā Desktop "HACK NOW" button to publish changes ā” INTERACTIVE ELEMENTS Avatar Terminal: Pixel art character that: ⢠Types binary on hover ⢠Plays "ACCESS GRANTED" animation on click ⢠Wears cyber gear matching theme colors System Monitor: Visitor counter as "INTRUSION ATTEMPTS" Live connection map with glowing nodes "DATA BREACH" animation on link clicks āļø TECHNICAL SPECS Export System: 1 click publish generates: ⢠Unique hacker URL (yourname.biohack) ⢠12 digit binary backup code Tech Requirements: React + WebGL for terminal effects Firebase backend for real time updates Responsive cyberpunk layout Deliverables: Complete bio link site with: ⢠Avatar/profile customization ⢠GitHub/Discord integration ⢠Live theme editor ⢠Real time analytics ⢠Hacker visual identity This prompt provides: 1. Complete customization in a unified editor 2. Integrated GitHub/Discord with logos 3. Avatar editing with cyber accessories 4. Real time preview while editing 5. Hacker themed animations/interactions 6. Single command publishing system 7. Mobile responsive terminal interface The interface mimics a hacking terminal where all edits happen through a unified command panel with instant visual feedback.
