These, Are The Renderers

A collection of all available renderers on This, Is.

action-button

This button says Hello!

quote-single

Studio Overview

The Studio is where your site comes together. It doesn’t ask you to rebuild your content—instead, it helps you shape what you already have into something clear and presentable.

It is organized into three simple areas: System, Nodes, and Skins. Each one controls a different part of your site.

action-cta

I call this CTA
It allows more context.

ABC

  • This layout allows bullet points.
  • It also reads your contents written in various lines.
  • It allows 3~8 lines.
  • The font sizes and alignments are adjustable.

cardgrid-gallery

Image 1Image 2Image 3
Image 1
You can choose to put subtitle.

cardgrid-icongrid

cardgrid-masonry

container-drawer

container-drawer

list-checklist

You can share
{Subtitle} 1
Your daily To-do list
With this

list-stepper

I call this Stepper
Step 1
That share steps
Step 2
To do things
Step 3
Or do nothing
Step 1000

quote-carousel

Nodes: Shapes how your content is structured and presented on your site.
Nodes Tab

quote-feed

To display your content on your site, make sure your Notion pages are set to public, then return to the System tab in Studio to check the connection and run a sync so the latest content is pulled in, and finally publish or update your site to apply the changes.
SYNC AND PUBLISH
2026-04-12 14:00
Card sizes can be adjusted to better fit your content, especially when information appears truncated—if a card feels too cramped or cuts off text, simply resizing it allows more space for the content to display clearly and improves overall readability.
CARD SIZE
2026-04-12 14:00
There are a few small but useful features that make editing smoother once you know they exist. You can right-click to select a card, which is especially helpful when elements are overlapping or hard to click directly. You can also lock cards to prevent accidental edits—while locked, you can still interact with them (such as opening links) without moving or modifying them. These subtle controls make it easier to manage complex layouts with more precision.
SMALL, USEFUL FEATURES
2026-04-12 14:00

metrics-heatmap

done
165 litre

metrics-trend

0
km
2026-06-01
-
Daily Goal 10.9 km
0%
Target 500 km
24%

metrics-snapshot

0
hours
Daily Goal
53%
2026-03-02

media-embed

schedule-calendar

April 2026
S
M
T
W
T
F
S

schedule-timetable

Tue, April 28, 2026
Today
Sticker

deco-plaincard

You can make overlapping designs.