const portfolio = { loading: true, status: 'initializing...'};
0%
Renan Rios — Product Designer, Vibe Coder & AI Orchestrator

// projects.tsx

Projects

Everything I build, in one place — static HTML pages, GitHub repos, deployed web apps and weekend experiments. Every card opens the real project in a new tab.

7

projects

5

categories

3

featured

02~/renan-rios$ls -la ~/projects▋

All projects

Filter by how each one was built or where it lives. Links open in a new tab.

GitHub2025

Portfolio (this site)

The IDE-themed portfolio you're looking at — designed and built from scratch with an editor-style shell, scroll-reveal storytelling and a terminal you can actually type in.

Next.jsTypeScriptTailwind
$github.comopen
Web App2024

renanrios.com.br

My personal site and case-study hub — a decade of product design work across fintech, banking, travel and SaaS.

DesignWebCase studies
$renanrios.com.bropen
HTML2026

Dark Terminal Theme Preview

A self-contained gallery of dark terminal color schemes — realistic Apple Terminal mockups rendered in each scheme's real colors, with one-click copy of the palette.

HTMLCSSJavaScript
$renanrios.com.bropen
HTML2024

Landing page experiment

A single-file HTML landing page with a hand-tuned CSS animation. Replace this with one of your own static pages.

HTMLCSS
$example.comopen
Web App2023

Mini web app

A small interactive web app prototype. Swap the URL for your deployed demo (Vercel, Netlify, GitHub Pages, …).

ReactVite
$example.comopen
Figma2023

Design exploration

A Figma prototype exploring an interaction pattern. Point this at a shared Figma or prototype link.

FigmaPrototype
$example.comopen
Experiment2022

Weekend experiment

A quick code experiment or generative sketch. Great place for the fun stuff that doesn't fit anywhere else.

CanvasAI
$example.comopen