Build with it
Templates
A Template is a whole page: components and Blocks wired together, with the layout and the content shape decided. Each one is a live reference page in this Showcase — open it, read the source, and copy what you need.
There is no archive to download, and this page will not offer one until a packaged starter contains every file, token and asset it needs — a download that does not build is worse than no download.
Reference pages
Every entry below is a working route. What a reader supplies is stated, because a template that hides its data contract is a template nobody can use.
Career profile
PersonalEditorial hero, a timeline with a real open end, work that expands in place, and a print action.
You supply: Your roles, projects and the CV you are willing to publish.
ProfileHeroExperienceTimelineProjectShowcaseTimelineAcademic profile
PersonalPublications with year, kind and topic facets derived from the entries — and no invented citation counts.
You supply: A publication list with author lines exactly as the venues print them.
ProfileHeroPublicationListTimelineCreative portfolio
PersonalA gallery-led grid where the chosen project grows into a detail region.
You supply: Cover media, project copy and the links a visitor should follow.
ProjectShowcaseImageGalleryLightboxJournal and garden
PersonalNotes in date order, a reading shelf grouped by status, and a /now block that carries its date.
You supply: Entries and their real dates; the /now timestamp is required by the component.
TimelineReadingShelfNowSectionMarketing page
General purposeHero, capability narrative, proof, pricing that follows the billing period, and a validating lead form.
You supply: Your claims, your proof and a destination for the form.
SectionCardFormFieldAccordionSaaS console
General purposeShell, toolbar, a table that is the product, a dialog that adds a row, and a settings sheet.
You supply: Columns, data and the actions that change them.
AppShellDataTableDialogSheetToasterPublishing platform
General purposeAn index with search and topic filters, a comfortable reading view and a share control.
You supply: Articles, topics and a canonical URL per piece.
SearchInputSegmentedControlContainerHeadingResearch workspace
VerticalThe flagship composition: shell, resizable panes, a chart with an inspector, a table, URL state and toasts.
You supply: A real dataset and the metric definitions behind it.
WorkspaceInspectorPaneDataTableLineChartuseUrlStateCopying a template
The honest workflow today: read the page, take the composition, bring your own data.
- 1. Open the reference page and copy the composition you want — the structure is plain JSX over public exports.
- 2. Replace the local fixtures with your data. Every template keeps its data in a small module beside the page, which is what makes that a mechanical edit.
- 3. Install the library and import the styles once at your app root — see the installation page for the commands that work today.