Fictional app · Demo project
Write it down. Find it in seconds.
Driftnote is a calm place for your notes. Write in plain text, sort with tags, and search everything as you type.
- Plain-text Markdown
- Search as you type
- Works offline
Notebooks
Inbox 12
Work 8
Ideas 5
Travel 3
Tags
#todo #draft
Search notes
Trip to Lisbon
Flights, food list, what to pack
Weekly review
Three wins and one thing to fix
Book ideas
A short list for the summer
Trip to Lisbon
Three days in May. Keep the plan light and leave time to walk.
Book the flights
Find a place to stay
Make a food list
Pack a small bag
Features
Made for writing, not for filing
Six simple ideas that keep writing fast and finding easy.
-
Fast capture
Open Driftnote and start typing. There is no folder to pick first.
-
Plain-text Markdown
Notes are plain text with simple Markdown, so they stay easy to read anywhere.
-
Tags and notebooks
Group notes with tags and notebooks instead of deep folder trees.
-
Search as you type
Results show up while you type, with the matching words highlighted.
-
Works offline
Keep writing without a connection. Your notes sync when you are back online.
-
Keyboard first
Every action has a shortcut, so your hands can stay on the keys.
Interactive demo
Three steps in the life of a note
Pick a tab to see how Driftnote helps you write, organize and search.
Keyboard: use the left and right arrow keys to switch tabs.
Write without setup
A new note opens with one key. Type in plain text and use simple Markdown for headings, lists and to-dos.
- Headings, lists and to-dos
- Saves while you type
- A word count that stays out of the way
BIHListTo-do
Meeting notes
## Decisions
- Ship the new search on Friday
- Keep the editor plain and fast
## Next steps
Share the notes with the team
Write the release post
Saved · 24 words · Markdown
Organize without folders
Put a note in a notebook and add a tag or two. Later you can find it from both sides.
- Notebooks for big topics
- Tags for small details
- One note can have many tags
Work
Weekly review
#todoMeeting notes
#teamIdeas
Book ideas
#readApp wishlist
#draftTravel
Trip to Lisbon
#todo #foodSearch while you type
Type a word and the list gets shorter with every letter. The match is highlighted, so you can see why a note was found.
- Searches titles and text
- Highlights the matching words
- Filter by notebook or tag
lisbon
3 notes found
Trip to Lisbon
Three days in May. Keep the plan light.
Food list
Custard tarts in Lisbon, grilled fish by the river
Packing
A light jacket for Lisbon evenings
Time saved
How much time goes into looking for notes?
Move the sliders to match your day. The estimate updates as you go.
Estimated time saved
That is about — hours a year.
How it is counted: notes × minutes × 22 working days × 50% saved ÷ 60. Driftnote is fictional, so this is an example, not measured data.
Pricing
Simple plans, no surprises
Pay monthly, or pay yearly and get two months free.
-
Free
For trying things out.
—
- Up to 100 notes
- 1 device
- Markdown editor
- Search as you type
-
Our pick
Plus
For people who write every day.
—
- Unlimited notes
- Sync on all your devices
- Tags and notebooks
- Offline mode
-
Team
For small teams that share notes.
—
- Everything in Plus
- Shared notebooks
- Roles and permissions
- Priority support
Demo only: nothing is for sale. The plan buttons jump to the newsletter form.
FAQ
Honest answers
Short answers about this demo and how it works.
No. Driftnote is a fictional app. This page is a demo project that shows how to build a landing page with only HTML, CSS and vanilla JavaScript.
No. Nothing is for sale here. The prices come from a small data object in the code, and the plan buttons only jump to the newsletter form.
Nothing. The form checks your email in your browser and shows a message. The address is not sent to a server and it is not saved anywhere.
No cookies, no analytics and no trackers. The page saves one thing in your own browser: your choice of light or dark mode. You can read more on the privacy page.
Notes per day × minutes per note × 22 working days. Half of that time counts as saved, and the minutes are turned into hours. The 50% is an example, not a measured result.
With plain HTML, CSS and JavaScript modules. There is no framework and no build step. Vitest is used only to test two small files with pure functions.