Landing Page
Getting Started
•
Formulas•
Blocks•
NotesExamples
Personal Finances
Curriculum Vitae
Invoice
Analyse JSON Size
Custom Blocks
Interactive Game Dev
ReSheetbeta
A hackable notes-spreadsheet-hybrid for programmers
Home
Fix squeeky doors
Replace empty batteries
Organize documents
Bike
Replace tires
Replace brakepads
Office
File taxes
Track finances
ReSheet is a notepad similar to Notion
Organize notes, todos and more in a structure of folders
Finances
Income:
=
= 3500
Expenses:
=
= (await fetch('https://raw.githubusercontent.com/keenbug/ReSheet/main/examples/expenses.json')).json()
Promise pending...
Balance:
=
= income - lodash.sum(Object.values(expenses))
Savings in a year:
=
= balance * 12
Unplanned expenses:
=
= Array(30).fill().map(() => Math.random() * 500)
- ▶(30) [193.23468674983258, 340.42581290276564, 72.87609063817257, 274.2928283806256, 476.53021543698003, 242.94710250293593, 184.65619186765548, 184.07240436361937, 447.94850934384857, 297.92589785835935, …]
const { ResponsiveContainer, LineChart, Line, XAxis, YAxis } =
await import('https://esm.sh/recharts?external=react');
const balances = unplanned.reduce(
(balances, expense) => [
balances[0] - expense + balance,
...balances,
],
[13054],
)
.toReversed();
<ResponsiveContainer height={400}>
<LineChart data={balances}>
<Line type="monotone" dataKey={v => v} fill="#8884d8" />
<XAxis/>
<YAxis/>
</LineChart>
</ResponsiveContainer>
But with the power of JavaScript and React
Create sophisticated spreadsheets using their vast ecosystems
Waiting for $`Custom Blocks`
to turn into a Block.
Highly extensible through custom Blocks
The only limit is the browser and JavaScript
Start using ReSheet
by editing this document
What can I do?
Edit any element by clicking or double-clicking on it. ⌘⏎ /Ctrl-Enter will generally give you a new line.
Open the sidebar with the -button on the top left to see other pages.
Create a new page, a new document, or view the docs and example pages in the sidebar.
ReSheet is open source under the permissive MIT license.