A bold, unapologetic, brutalist-style personal portfolio website.
Because the web has become too sanitized.
NeoBrutalist Portfolio is a high-impact, visually striking personal portfolio built with raw HTML, CSS, and JavaScript. It embraces the Neo-Brutalist design philosophy — bold borders, hard shadows, loud colors, and zero compromise on personality.
"I build digital products that refuse to be boring."
| Feature | Description |
|---|---|
| 🎨 NeoBrutalist Design | Bold borders, hard shadows, vibrant colors, grid backgrounds |
| 🖱️ Custom Cursor | Interactive cursor with hover effects and blend modes |
| 📊 GitHub Stats | Live GitHub profile stats fetched via API |
| 💻 LeetCode Stats | Integrated LeetCode statistics display |
| 🛡️ Admin Panel | Password-protected config editor with localStorage persistence |
| 📱 Responsive | Optimized for all screen sizes |
| ⚡ No Framework | Pure HTML + CSS + JS — zero dependencies, lightning fast |
| 🎭 Scroll Animations | Reveal-on-scroll effects with IntersectionObserver |
| 🏃 Marquee Ticker | Animated scrolling text banners |
| 🔧 Editable Config | All content is configurable via the admin panel |
NeoBrutalist/
├── 📄 index.html # Main portfolio page
├── 📄 admin.html # Admin panel (password: xyz1478)
├── 📄 README.md # You are here!
└── 📁 Assets/
└── 📁 images/
├── 🖼️ portfolio.png # Profile avatar
├── 🖼️ title_icon.png # Browser tab icon
├── 🖼️ stoceasy.png # Project screenshot
├── 🖼️ aiva.png # Project screenshot
├── 🖼️ resumeiq.png # Project screenshot
└── 🖼️ img.jpg # Additional image
# On Windows
start index.html
# On macOS
open index.html
# On Linux
xdg-open index.html- Open
admin.htmlin your browser - Enter password:
xyz1478 - Edit your name, bio, skills, projects, socials — everything!
- Click SAVE CONFIG
- Refresh
index.htmlto see your changes
The portfolio uses a custom NeoBrutalist color palette:
| Color | Hex | Usage |
|---|---|---|
| 🟡 Neo Yellow | #FBFF48 |
Primary accent, highlights |
| 🩷 Neo Pink | #FF70A6 |
Hover effects, links |
| 🔵 Neo Blue | #3B82F6 |
CTAs, buttons |
| 🟢 Neo Green | #33FF57 |
Status indicators, success |
| 🟣 Neo Purple | #A855F7 |
Secondary accent |
| 🟠 Neo Orange | #FF9F1C |
LeetCode section, warnings |
| 🔴 Neo Red | #FF2A2A |
Errors, danger |
| ⬛ Neo Black | #121212 |
Backgrounds, text |
| ⬜ Neo White | #FFFDF5 |
Light backgrounds |
Typography:
- Display: Space Grotesk (800 weight)
- Mono: JetBrains Mono (700 weight)
- 🏠 Hero — Bold title, status badge, CTA buttons
- 👤 About — Avatar, bio, highlights, location badge
- 💡 Skills — Interactive grid with hover effects
- 📋 Experience — Timeline with brutalist cards
- 📊 Coding Stats — GitHub + LeetCode live stats
- 🗂️ Projects — Showcase cards with tags and links
- 💬 Testimonials — Auto-scrolling marquee reviews
- 📬 Contact — Contact form + email + location
- 🔗 Footer — Social links + sitemap
All website content is stored in localStorage and can be edited through the admin panel. The configurable sections include:
- Identity — Name, title, tagline, email, location, avatar
- Social — GitHub, LinkedIn, Instagram URLs
- About — Bio, highlights
- Skills — Name, type, color for each skill
- Experience — Role, company, period, description
- Projects — Title, description, tags, link, image
- Testimonials — Text, author, role
This project is open source and available under the MIT License.
Full Stack Developer
Pune, India 🇮🇳
📧 kadamamit462@gmail.com
⚡ Built with raw code, bold design, and zero apologies. ⚡
⭐ If you like this project, give it a star! ⭐