Welcome Znote 👋

Znote is an interactive note-taking application that lets you ==write Markdown with runnable code==. It’s the perfect tool for quickly writing your thoughts in an open format and adding code to swiftly accomplish tasks.

👉 This app always produces standard and readable text files.

What can you do? ⭐️

You can easily create notes with charts 📊, generate reports, and test code 🧑‍💻.

• In Edit mode, the contextual menu offers essential tools for manipulating data and code, such as formatting code or decoding Base64.
• In a code block, you can use completion to insert pre-written snippets like loading/writing files, making HTTP requests, creating charts, and handling data or JSON.

Organize your notes 🔎

You can organize your notes and codes with folders and tags located on the left toolbar. You can also pin notes 📌 to display them in the quick access section. Use Cmd+Y and Cmd+T to navigate and find your notes.

IA to help you 🤖

You can plug in any local LLM or use your OpenAPI account in this editor. In edit mode, use Ctrl+H to call IA and ask for something. You can select text before invoking it. You can also call IA in your code. See the related note in the starters for how to set it up.

Productivity tips ✨

• / to select a type of block on WYSIWYG editor (Heading, Quote, Code...)
• Cmd+Y to navigate easily between notes. Arrow keys to change or Escape to navigate on the notelist
• Cmd+T to perform a full text search
• Cmd+L to display or hide the viewer/editor
• Cmd+Space to show code and block suggestions
• Shift+Cmd+Space to show read mode
• Double click on preview to edit line
• Right Click after a text selection to show some useful format options

Protect your files with passwords 🛡

A Lock feature will helps you protect your secrets by adding a password that only you know. You can also edit and secure your local text files.

Interact with code block 🧪

Znote lets you prototype code directly in the app with code preview. You can use pre-included libraries and third-party npm packages to explore and visualize various data. ✨

In Edit mode: Ctrl+Enter to run current code block and Echap to close the preview.

Run and show result: use the print() function to display your result.

const array1 = [1, 4, 9, 16];
const map1 = array1.map(x => x * 2)
print(map1)

Make graphs 📊

const df = await dfd.readCSV("https://raw.githubusercontent.com/plotly/datasets/master/finance-charts-apple.csv");
print(df)

const df = await dfd.readCSV("https://raw.githubusercontent.com/plotly/datasets/master/finance-charts-apple.csv");

const config = {
columns: ["AAPL.Open", "AAPL.High"],
};

const new_df = df.setIndex({ column: "Date"});
new_df.plot(el).line({ config });

areaChart({
  series: [
    {name: 'Music', data: [11, 15, 26, 20, 33, 27]},
    {name: 'Photos', data: [32, 33, 21, 42, 19, 32]},
    {name: 'Files', data: [20, 39, 52, 11, 29, 43]}],
  categories:['2011 Q1', '2011 Q2', '2011 Q3', '2011 Q4', '2012 Q1', '2012 Q2']
});

radialChart({series: [71, 63, 77], labels:['June', 'May', 'April']});

sequenceDiagram
    Alice ->> Bob: Hello Bob, how are you?
    Bob-->>John: How about you John?
    Bob--x Alice: I am good thanks!
    Bob-x John: I am good thanks!
    Note right of John: Bob thinks a long time.

    Bob-->Alice: Checking with John...
    Alice->John: Yes... John, how are you?

Productivity tips ✨

• Cmd+Enter to execute the current code block
• Cmd+Space to show code suggestions

Install Packages 📦

Install npm package in app

npm i -S tablify

const tablify = require('tablify');
const r = await fetch('https://www.govtrack.us/api/v2/role?current=true&role_type=senator')
const json = await r.json();
print(tablify(json.objects.map(e=>e.person)))

Create functions 💎

If you create reusable functions, like a SQL connection to your database or an API call, you can add this code to the function editor and retrieve your custom functions anywhere in your notes via code completion.

Try to create custom function, click on the f(x) button (on the bottom right) and customize your code suggestions. Into the Shortcut functions modal, save the default myFunc, then into the editor, with Cmd+Space create a Code block JS and into this code block, call the new myFunc()function

Use templates from our gallery 📚

Also consider exploring our recipe gallery accessible from the creation of a new note: Cmd+N 👉 "New from Template"

Don't miss out on new features 🚀

We provide and continuously improve our tools. You can participate by subscribing to the newsletter directly on the home page of our site Znote or help us improve the quality of our tools: discussions