W-016 · WIDGET

Notes

The Notes widget renders markdown content in one of five paper textures — kraft journal, yellow sticky, aged parchment, ruled notebook, or graph-paper grid. Built for homebrew logs, recipe cards, morning pages, or any place where a block of persistent written notes matters. Embeds in Notion, Obsidian, or any iframe-capable site.

NotionObsidianAny website
https://widgetcraft.ai/w/note?theme=light&accent=%23F06449&variant=kraft
Customize in Builder

WidgetCraft's Notes widget is a single-block markdown note with five paper-style variants you can pick to match the feel of the page you're embedding on. Kraft renders a warm brown journal page with ruled horizontal lines — ideal for brewing logs or recipe notebooks. Sticky is a yellow post-it with a slight tilt and handwritten-feel typography, good for quick reminders. Parchment is aged cream with vignette edges — perfect for recipe cards or ceremonial quotes. Ruled is a classic blue-lined notebook page with a red margin line. Grid is graph paper with a square grid — best for technical notes or sketches. The content supports a minimal markdown subset: `# heading`, `## subheading`, `**bold**`, `*italic*`, `- list item`, and blank-line paragraph breaks. No external assets — all textures are pure CSS, so the widget loads instantly and scales cleanly at any size. Content is set at author time in the builder and baked into the URL; future releases add per-user editable journaling backed by Supabase.

FAQ

Questions, answered.

What paper styles are available?

Five: kraft (warm brown journal), sticky (yellow post-it), parchment (aged cream), ruled (blue-lined notebook), and grid (graph paper). Switch between them in the builder.

What markdown is supported?

Headings (`# h1`, `## h2`), bold (`**text**`), italic (`*text*`), bulleted lists (`- item`), and paragraphs (separated by blank lines). Code blocks and links are intentionally omitted — notes are meant to be short.

Can I edit the note after embedding it?

Not yet. Today the content is baked into the embed URL — edit in the builder and regenerate the URL. A per-user editable journal with persistence is on the roadmap (paired with WidgetCraft accounts).

Is this good for brewing logs or cooking recipes?

Yes — that's the primary use case for the kraft variant. The default content ships with a Belgian Tripel brew-day journal as a template. Pair it with the Liquid Glass brewer widget and a countdown for a complete brewer's cockpit.

Can I change fonts or colors?

Each variant ships with a curated palette and typography stack (serif heading + mono body for kraft, handwritten for sticky, serif for parchment, etc.). The accent color is themeable via the standard WidgetCraft styling panel. Custom fonts are honored via the style panel if you pick one.

Does the widget work offline?

Yes. All paper textures are CSS gradients and repeating backgrounds — no images to load. Markdown rendering happens client-side.

Related widgets

W-007 · inspiration
Quotes
Rotating daily quotes in three styles — card, minimal, or large display.
W-019 · inspiration
Tasks
Local-first checklist — daily todos, packing lists, brewing checkpoints. Tap to mark done; persists in localStorage. Notion / Todoist sync ships with Sora.
W-020 · inspiration
Streak
Daily habit tracker — month grid or card with check button. Tap to mark today; streak count = consecutive days ending today.
Customize colors, fonts, and layout in the builder — preview live, copy the embed URL, paste anywhere.
Open in BuilderView all widgets