Personal Brand

Link in Bio, Lebenslauf und Freelancer-Seite für eine Person.

3 Components · 15 Variants

Kategorie wechseln

Auf dieser Seite

Alle Components dieser Kategorie. Wähle eine, um zu ihren Variants zu springen.

Freelancer5
Link in Bio5
Lebenslauf5

freelancer

Freelancer

Für Freelancer und Ein-Personen-Studios. Ein Auftakt mit Live-Verfügbarkeit, die nächsten Monate Woche für Woche, Sätze mit Tagesrechner, eine Projektanfrage mit Budgetspanne und eine typische Woche als Stundenplan.

Auftakt mit Verfügbarkeit
Verfügbarkeit
Sätze
Projektanfrage
Eine typische Woche

Props und Details

Auftakt mit Verfügbarkeit

Die Rolle als Überschrift, Verfügbarkeit mit Live-Punkt, Antwortzeit, Fähigkeiten, die nacheinander aufsteigen. Eine Karte mit Porträt und drei Zahlen, die hochzählen.

Im Studio öffnen

Installv1.0.0

aiw add @ai-website/freelancer

Bringt mit utils, kit, button, icon, motion, number-ticker, section

Usage

<Freelancer variant="intro" person={{ name, role, bio, location, photo }} status="…" response="…" stats={[…]} skills={[…]} />

Source

Verfügbarkeit

Die nächsten sechs Monate Woche für Woche als ausgebucht, teilweise frei und frei. Die erste freie Woche ist markiert, Zeigen auf eine Woche nennt ihren Stand, die Zellen erscheinen Monat für Monat.

Im Studio öffnen

Installv1.0.0

aiw add @ai-website/freelancer

Bringt mit utils, kit, button, icon, motion, number-ticker, section

Usage

<Freelancer variant="availability" weeks={[{ start: "2026-11-02", load: 1 }]} status="…" />

Source

Sätze

Stunde, Tag oder Projekt hinter einem gleitenden Schalter, der Preis gleitet und der Inhalt wechselt. Ein Rechner daneben zählt Tage als Blöcke und zeigt die Summe.

Im Studio öffnen

Installv1.0.0

aiw add @ai-website/freelancer

Bringt mit utils, kit, button, icon, motion, number-ticker, section

Usage

<Freelancer variant="rates" rates={[{ id, label, unit, price, note, includes }]} dayRate={780} />

Source

Projektanfrage

Was gebraucht wird als Karten, eine Budgetspanne mit zwei Griffen, der Zeitraum und ein paar Worte. Die Zusammenfassung daneben folgt jeder Wahl.

Im Studio öffnen

Installv1.0.0

aiw add @ai-website/freelancer

Bringt mit utils, kit, button, icon, motion, number-ticker, section

Usage

<Freelancer variant="inquiry" types={[{ id, label, icon }]} budget={{ min, max, step, from, to }} onSubmit={(data) => …} />

Source

Eine typische Woche

Eine Woche als Stundenplan, Fokusblöcke, Gespräche, Verwaltung und frei. Die Blöcke wachsen Tag für Tag herein, eine rote Linie zeigt jetzt. Daneben, wie man mich erreicht.

Im Studio öffnen

Installv1.0.0

aiw add @ai-website/freelancer

Bringt mit utils, kit, button, icon, motion, number-ticker, section

Usage

<Freelancer variant="week" blocks={[{ day: 0, from: 10, to: 13, label, kind: "focus" }]} channels={[{ label, detail, icon }]} />

Source

link-in-bio

Link in Bio

Eine Seite für alles, worauf eine Person verlinkt. Links, Produkte, Termine, Newsletter und Teilen, als Spalte, Bento, Tabs, Countdown oder geteilt mit Porträt.

Spalte
Kacheln
Tabs
Termine
Geteilt mit Porträt

Props und Details

Spalte

Die klassische Spalte. Porträt im drehenden Ring, ein hervorgehobener Link mit Bild, Zeilen, die nacheinander aufsteigen, Teilen kopiert die Adresse mit Haken.

Im Studio öffnen

Installv1.0.0

aiw add @ai-website/link-in-bio

Bringt mit utils, kit, button, icon, motion, section

Usage

<LinkInBio variant="stack" profile={{ name, handle, bio, avatar }} links={[{ id, label, href, icon, image }]} socials={[{ label, icon, href }]} />

Source

Kacheln

Ein Bento aus Kacheln. Profil, ein Video, ein Newsletter mit eigenem Formular, der nächste Termin mit Platzbalken, zwei Produkte und die Links.

Im Studio öffnen

Installv1.0.0

aiw add @ai-website/link-in-bio

Bringt mit utils, kit, button, icon, motion, section

Usage

<LinkInBio variant="tiles" profile={…} video={{ title, length, href, media }} newsletter={{ title, text, count }} events={[…]} products={[…]} links={[…]} />

Source

Tabs

Links, Shop und Termine hinter einem Schalter. Die Markierung gleitet, jedes Panel kommt weich herein, Zähler zeigen, was drin ist.

Im Studio öffnen

Installv1.0.0

aiw add @ai-website/link-in-bio

Bringt mit utils, kit, button, icon, motion, section

Usage

<LinkInBio variant="tabs" profile={…} links={[…]} products={[…]} events={[…]} />

Source

Termine

Der nächste Termin zuerst, mit Live-Countdown und freien Plätzen. Weitere Termine als Liste mit Erinnerung, darunter die Links.

Im Studio öffnen

Installv1.0.0

aiw add @ai-website/link-in-bio

Bringt mit utils, kit, button, icon, motion, section

Usage

<LinkInBio variant="dates" profile={…} events={[{ id, title, start: "2026-11-14T19:00", kind, place, seats, href }]} links={[…]} />

Source

Geteilt mit Porträt

Ein großes Porträt bleibt stehen, während die Links daneben scrollen, gruppiert nach dem, wofür Menschen kommen. Das Bild wandert leicht.

Im Studio öffnen

Installv1.0.0

aiw add @ai-website/link-in-bio

Bringt mit utils, kit, button, icon, motion, section

Usage

<LinkInBio variant="split" profile={{ name, handle, bio, cover }} groups={[{ title, links: […] }]} />

Source

resume

Lebenslauf

Ein Lebenslauf als Webseite. Erfahrung auf einer Linie, die sich füllt, Stationen als Balken über die Jahre, Fähigkeiten, die zeigen, wo sie eingesetzt wurden, die Papierversion auf einer Seite und eine Kurzfassung mit zählenden Zahlen.

Klassisch
Zeitleiste
Fähigkeiten
Kompakt
Kurzfassung

Props und Details

Klassisch

Eine Seitenspalte mit Foto, Kontakt, Download, Fähigkeiten und Sprachen, die stehen bleibt. Erfahrung auf einer Linie, die sich beim Scrollen füllt, Ausbildung als Karten.

Im Studio öffnen

Installv1.0.0

aiw add @ai-website/resume

Bringt mit utils, kit, button, icon, motion, number-ticker, reveal, section

Usage

<Resume variant="classic" person={{ name, role, summary, email, photo }} experience={[{ id, role, company, start: "2020-07", points }]} education={[…]} skills={[{ name, level, group }]} download={{ href }} />

Source

Zeitleiste

Jede Station als Balken über die Jahre, eine Zeile je Firma, Überschneidungen bleiben sichtbar. Balken wachsen herein, Klick oder Pfeiltasten öffnen die Station darunter. Auf dem Telefon eine Liste mit kleinen Balken.

Im Studio öffnen

Installv1.0.0

aiw add @ai-website/resume

Bringt mit utils, kit, button, icon, motion, number-ticker, reveal, section

Usage

<Resume variant="timeline" person={{ name, role }} experience={[{ id, role, company, start, end, summary, points, skills }]} download={{ href }} />

Source

Fähigkeiten

Fähigkeiten nach Gruppen mit ihrer Stufe als Punkte, die sich füllen. Wähle eine aus, die Karte daneben zeigt jede Station, in der sie eingesetzt wurde. So ist jede Stufe belegt.

Im Studio öffnen

Installv1.0.0

aiw add @ai-website/resume

Bringt mit utils, kit, button, icon, motion, number-ticker, reveal, section

Usage

<Resume variant="skills" skills={[{ name, level, group }]} experience={[{ id, role, company, skills: ["…"] }]} />

Source

Kompakt

Die Papierversion auf einer Seite, so wie sie gedruckt wird. Das Blatt legt sich beim Hereinscrollen ab, Download und Drucken stehen darüber.

Im Studio öffnen

Installv1.0.0

aiw add @ai-website/resume

Bringt mit utils, kit, button, icon, motion, number-ticker, reveal, section

Usage

<Resume variant="compact" person={…} experience={[…]} education={[…]} skills={[…]} languages={[…]} download={{ href, size }} />

Source

Kurzfassung

Die Kurzfassung für den Anfang einer persönlichen Website. Rolle als Überschrift, Verfügbarkeit, Zahlen, die hochzählen, die aktuelle Station und frühere auf einer Linie, die sich füllt.

Im Studio öffnen

Installv1.0.0

aiw add @ai-website/resume

Bringt mit utils, kit, button, icon, motion, number-ticker, reveal, section

Usage

<Resume variant="summary" person={…} stats={[{ value: 12, suffix: "+", label }]} experience={[…]} download={{ href }} links={[{ label, href }]} />

Source

Ähnliche Components

Mehr aus Industries, demselben Bereich des Kits.

Wird oft kombiniert mit

Sections, die auf einer Seite meist neben Personal Brand stehen.

In die Zwischenablage kopiert