Developer / designer portfolio
A designer-developer's personal site on paper with ultraviolet: a header with an availability chip and a live city clock, a hero with typing roles, a cursor spotlight and magnetic buttons, projects as a stack of sticky cards, “worked with” as a text marquee, “about me” with a B/W → colour photo, one-at-a-time autoplay reviews, a contact with a copyable email and a one-row footer. Inter Tight, Golos Text and IBM Plex Mono.
What it is made of
8 catalog blocks in page order. Each one is installed with its own command; nothing is recreated.
1. Header
Personal site header with an availability chip and city clocknavbar-031
Name, an “open to projects” chip, a live city clock, a “Write” button.
2. First screen
Personal hero: typing roles and a cursor spotlighthero-031
A huge name, typing roles, a cursor spotlight, magnetic buttons.
3. Work
Projects as a stack of sticky cardsportfolio-012
A stack of sticky cards: the next slides over, the previous shrinks.
4. Worked with
“Worked with” as a text marqueelogocloud-007
Company names as a text marquee with alternating styles.
5. About
“About me” with a B/W → colour photo, facts and skillsabout-014
A B/W → colour photo, three facts, skill tags, a career line.
6. Words
One quote at a time with autoplay and a progress bartestimonials-024
One big quote at a time, autoplay with a bar, arrows and keys.
7. Contact
Contact with an email that copies on clickcontact-021
Email copies on click, local time, socials with handles, a photo.
8. Footer
One-row personal site footerfooter-030
Name, links, year, a “to top” arrow button.
Pro
The exact composition, page source and agent link are in PRO
The demo and the block list are open to everyone. Subscribers see every block's props as in the demo, the theme rules, the image prompts and one link an AI agent uses to build the same page.
Get PRO