whatisgithub

What is remarkable?

flowtricks/remarkable — explained in plain English

Analysis updated 2026-05-18

32TypeScriptAudience · developerComplexity · 3/5Setup · moderate

In one sentence

A Next.js and Sanity based website template that lets you visually build agency style pages from drag-and-drop blocks with live click-to-edit editing.

Mindmap

mindmap
  root((Remarkable))
    What it does
      Visual page builder
      Click-to-edit
    Tech stack
      Next.js
      Sanity
      TypeScript
    Use cases
      Agency websites
      Custom page layouts
    Audience
      Developers
      Content editors

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

What do people build with it?

USE CASE 1

Build a creative agency or marketing website with a fully visual, drag-and-drop page builder.

USE CASE 2

Let non-technical editors click directly on live page elements to change content.

USE CASE 3

Compose custom page layouts by nesting building blocks like grids, sliders, and cards.

USE CASE 4

Extend the system with new custom block types for a specific project's needs.

What is it built with?

Next.jsSanityTypeScriptReact

How does it compare?

flowtricks/remarkablealexmt/mobile-for-argocdalvinunreal/juice
Stars323232
LanguageTypeScriptTypeScriptTypeScript
Setup difficultymoderatemoderateeasy
Complexity3/53/53/5
Audiencedeveloperops devopsdeveloper

Figures from each repo's GitHub metadata at analysis time.

How do you get it running?

Difficulty · moderate Time to first run · 30min

Requires creating and connecting a Sanity project with API credentials before the site fully works.

So what is it?

Remarkable is a template for building a creative agency style website using Next.js paired with Sanity, a content management system. Its main idea is to move away from rigid, pre-made page templates and instead let someone build pages visually out of a set of reusable building blocks, dragging things into place and clicking directly on elements on the page to edit their content, rather than editing everything through a separate admin form. The building blocks include things like headings, paragraphs, images, buttons, cards, sliders, and grids, and each one exposes its own visual controls, such as size, color, alignment, and drag sliders for things like maximum width or spacing. Container blocks like grids and sliders can hold other blocks inside them, so pages can be nested and composed freely rather than being limited to a fixed layout. A higher level container called a Section controls overall theme, choosing between light, dark, or brand styling that automatically cascades down to every block placed inside it, along with padding, layout width, and an optional background image. Getting started involves installing the Node dependencies, connecting the project to a Sanity account either through a guided setup command or by manually filling in a few environment variables, and optionally importing a bundled demo dataset so there is example content to look at immediately. Running the development server gives you the public website, an embedded content editing studio, and a visual Presentation mode inside that studio where you can see and edit the live page directly. The README also documents the project's internal structure, showing how pages are rendered from sections and blocks, where the schema definitions for each block type live, and the steps for adding an entirely new block type to the system. It includes a small set of npm scripts for running the dev server, building for production, type checking, and regenerating the demo content file. The README does not mention a license.

Copy-paste prompts

Prompt 1
Help me set up Remarkable locally and connect it to a new Sanity project.
Prompt 2
Explain how the Section theme system cascades styling down to nested blocks.
Prompt 3
Walk me through adding a brand new building block to this page builder.
Prompt 4
How does the click-to-edit visual editing in the Presentation tab work under the hood?

Frequently asked questions

What is remarkable?

A Next.js and Sanity based website template that lets you visually build agency style pages from drag-and-drop blocks with live click-to-edit editing.

What language is remarkable written in?

Mainly TypeScript. The stack also includes Next.js, Sanity, TypeScript.

How hard is remarkable to set up?

Setup difficulty is rated moderate, with roughly 30min to a first successful run.

Who is remarkable for?

Mainly developer.

Open on GitHub → Ask about another repo

This repo across BitVibe Labs

Verify against the repo before relying on details.