Stats & values
About Resume
A résumé: a profile head with rotating roles, then dated groups — or, split, the experience as cards beside a title and two buttons.
Layout and motion from the Marai Neesu template — see it in contextTry it in the page builderBlocks come with Pro
Preview every block now, in any theme and at any width. The source, the install command and the AI prompt unlock when Pro opens, once the catalog reaches 20 templates.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| profile | { image?, status?, greeting, roles? } | false | — | layout="single": a 90px round portrait, a status chip, the greeting (the h2) and the roles taking turns under it every 4s; false leaves it out. |
| title | string | — | layout="split": the h2 beside the entries. |
| lead | string | — | layout="split": text under the title. |
| actions | { label, href, variant? }[] | — | layout="split": the buttons under the lead, the first filled and the second outlined. A button may set variant: "default" (filled) or "outline"; left out, it looks as described. |
| groups | { title, rows: ResumeRow[], action? }[] | About, Contact, Work experience, Education, Writing | In order. A row is { title, href?, date?, label?, subtitle?, text?, image? }: with a date a dated row, with a label a contact row, with an image and href a writing row, else a paragraph. A group's action is a button under its rows. |
| layout | "single" | "split" | "single" | single: one 600px column, centred. split: from 1024px the title block (400px) beside every dated row as a card. |
| buttonStyle | "spring" | "flip" | "sweep" | "spring" | The look of every button. |
| className | string | — | Classes for the <section>. |
- Groups 50px apart, rows 30px apart; a dated or contact row keeps its date or label in a 120px column from 768px (above it on phones). The roles move up on the slideshow spring (text-rotator) and stand still with reduced motion.
- Headings: with the profile its greeting is the h2 and the group titles are h3; without it the first group's title is the h2.
