◯Optimizing...

Built for

explorers|

Fezcodex is more than just a portfolio; it's a living digital garden, a personal operating system, and a testament to the brutalist aesthetic of the modern web.

Built with

REACT

TAILWIND

FRAMER MOTION

PIML

MARKDOWN

$fezcodex, search "brutalist design"

Searching digital archive... Found 12 posts related to brutalism. Opening search results...

Exploration Modes

Command Palette

Deep system access from any page via Cmd+K.

Explore →

The Vague: Magazine

Raw notes and work-in-progress thoughts.

Explore →

Interactive Timeline

A chronological journey through the archive.

Explore →

Command Palette

Navigate, toggle themes, or hack the system with a power-user Cmd+K interface.

Visual Modes

Switch between Cyberpunk, Retro, and Terminal modes to match your aesthetic preference.

Dynamic Content

Integrated blog engine with complex markdown support and live component rendering.

Digital Garden

A living space for raw notes, discovery logs, and work-in-progress architectural thoughts.

Technical Overview

Frontend: React (CRA + Craco) for component-based architecture.

Styling: Tailwind CSS + Framer Motion for high-fidelity animations.

Routing: React Router DOM for seamless navigation.

Content: Custom Markdown pipeline using remark/rehype.

State: Context API for global themes, audio, and preferences.

Core Philosophy

Fezcodex was designed to break away from the sterile, corporate look of standard portfolios. It embraces brutalism, raw honesty, and a level of interactivity that rewards exploration.

Tech Stack

Built on a modern foundation of React and Tailwind CSS, utilizing a custom Markdown pipeline for rich, dynamic content delivery and Framer Motion for high-fidelity animations.

Explore the Source

Fezcodex is open-source. Clone the repository to see how it works under the hood:

Get the Project
$git clone https://github.com/fezcode/fezcode.github.io.git