Skip Folio navigationBrowse components Try the patterns Explore motion
Download design tokensReact
01
In practice
Ready for review
Material studies
6 works · Studio collection
02
Build with Folio
Load Schibsted Grotesk and Bodoni Moda in your application.
See complete examplesDownload design tokens
import "./folio/styles.css";
import { FolioRoot, Field, Button } from "./folio";
<FolioRoot theme="light" density="comfortable">
<form onSubmit={saveCollection}>
<Field label="Collection name" name="title" required />
<Button type="submit" emphasis="primary">
Create collection
</Button>
</form>
</FolioRoot>