AASK
Chapter 1: The Beginning
Every Vision
Starts Here
Where Ideas Breathe

They told us developers needed faster compilers. We — Arindam, Amitoshdeep, Shivansh & Kinshuk — knew they needed something else: a place where vision meets code, where thoughts become reality without friction.

Download BetaLearn More
aask/index.ts
1const AASK = {
2 name: "Appsmith Automated & Studio Kode",
3 founders: [
4 "Arindam",
5 "Amitoshdeep",
6 "Shivansh",
7 "Kinshuk"
8 ],
9 mission: "Reinvent the IDE",
10}

What AASK stands for

AppsmithAutomated&StudioKode

An IDE built to automate the mundane — so you can focus on what only humans can do, think creatively.

Arindam

Arindam

Co-Founder

Drives product vision and architecture. Obsessed with making developer tools feel magical.

Amitoshdeep

Amitoshdeep

Co-Founder

Leads the canvas engine and visual layer. Believes code should be as expressive as thought.

S

Shivansh

Co-Founder

Owns the native runtime and performance. Turns milliseconds into moments.

K

Kinshuk

Co-Founder

Shapes the ecosystem and extensions marketplace. Building the platform others build on.

LinkedInInstagram
Arindam
Amitoshdeep
Shivansh
Kinshuk
Chapter 2: Freedom

They locked us
in their boxes

canvas – my-app/page.tsx
⊞⊙⌘⟂
NavbarHeroSectionFeaturesImageButtonTypography

Properties

width100%
height120px
bgsurface
radius8px

Layers

Navbar
HeroSection
Features

Traditional IDEs forced linear thinking. But ideas don't flow in straight lines—they expand, connect, breathe. So we built a canvas where thoughts can move freely, yet still compile to pristine code.

Drag & DropPixel AccurateLive PreviewSidecar MetadataUndo / Redo
page.tsx
layout.tsx
store.ts
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
import type { FC } from 'react'
import { useEditorStore } from '@/store'
interface Props {
nodes: CanvasNode[];
onSelect: (id: string) => void;
}
// Clean output — zero metadata pollution
export default function Page(): JSX.Element {
const { nodes } = useEditorStore()
return (
<main className="aask-canvas">
{nodes.map(n => <Node key={n.id} data={n} />)}
</main>
)
}
TypeScriptLn 17, Col 1UTF-8
0 errors
Chapter 3: Precision

But freedom
needs discipline

Creative chaos eventually demands structure. The same canvas that lets you dream visually must speak the language of machines. Monaco brings that voice—precise, intelligent, unapologetically professional.

IntelliSense + Autocomplete

Full type-aware completions powered by the TS language server.

Real-time Diagnostics

Errors and warnings surface inline as you type. Zero delay.

Clean Code Output

Canvas metadata lives in sidecar files. Your TSX stays pristine.

Chapter 4: Editor Power

Code with rich features

There's a lot more to an editor. Whether it's built-in tooling or rich extensions, there's something for every workflow.

3+ shells

Integrated Terminal

Your favourite shell — zsh, pwsh, or git bash — runs right inside the editor. Split panes, session persistence, and full colour support out of the box.

zsh — aask
> npm run dev
> AASK dev server starting...
Local: http://localhost:3000
+ Ready in 312ms
> _
24+ languages

Run & Debug Code

Execute scripts, set breakpoints, and inspect variables without leaving the editor. Debug Node, Python, Rust, Go, and more natively.

Debug Console• Paused at breakpoint
12 const result = fetchUser(id);
13 await processData(result);<-> breakpoint
14 return result;
VARIABLES id = "usr_48f2a3"

Version Control

Built-in Git with branching, staging, and conflict resolution — no terminal needed.

Build Tasks

Run any script or tool. Watch tasks execute silently while you keep coding.

Local History

Automatic snapshots on every save. Restore any version even without a git commit.

Custom Themes

Every token colour and UI chrome is configurable. Install from the marketplace or build your own.

Accessibility

ARIA-annotated surfaces, high-contrast themes, and full keyboard-only navigation.

Web Support

Open any GitHub repo, edit, commit, and push — all from the browser, nothing installed.

AI Completions

Context-aware inline suggestions trained on your codebase. Accept whole lines or entire functions in one keystroke.

Code Lens

Inline reference counts, test statuses, and authorship annotations float above every function — no side-panel required.

Explore all features
Chapter 5: Components

Beautiful components,
ready to drop in

A curated library of pixel-perfect UI components built for AASK Canvas. Drag onto your canvas, tweak props, ship — no boilerplate needed.

Primary
Ghost
Secondary

Buttons

24 variants

Tag
Tag

Cards

18 variants

Home
Docs
Blog

Navigation

12 variants

Email address
Password
Sign In

Forms

20 variants

New
Beta
Popular
Stable

Badges

16 variants

Name
Role
Status
Alice
Dev
✓
Bob
Design
~

Tables

10 variants

A
B
C
+4
JD
John Doe
Engineer

Avatars

14 variants

Users
12.4K
Revenue
$8.2K
Errors
3
Uptime
99.9%

Stats

8 variants

✕
Cancel
Confirm

Modals

9 variants

✓
Saved successfully
!
Update available
✕
Connection failed

Toasts

11 variants

Charts

7 variants

Sidebar

6 variants

155+ components across 12 categories. MIT licensed and fully customisable.

Browse component library
Chapter 6: Personalization

No two workflows
are the same

Install extensions, craft custom panels, and reshape the canvas. AASK is infinitely moldable.

⬡

ESLint

Microsoft

◈

Tailwind CSS

Tailwind Labs

⬢

Git Lens

GitKraken

⬡

Prettier

Prettier

◈

AI Copilot

AASK Labs

⬢

Component Lib

Community

⬡

TypeScript

Microsoft

◈

Docker

Docker Inc.

⬢

REST Client

Community

⬡

Path Intel

AASK Labs

◈

Vim Keybinds

Community

⬢

Spell Check

Street Side

Hundreds more in the marketplace. All sandboxed with explicit permissions.

Explore all extensions
Chapter 7: Foundation

Dreams need
solid ground

Beautiful interfaces fail without solid foundations. We built AASK on battle-tested tech—React for canvas, Monaco for code, Rust for speed. Not because it's trendy. Because it works.

Visual Layer

Canvas Engine

RendererReact + SVG
LayoutAbsolute + Grid
PersistenceSidecar JSON
Undo/RedoZustand history
ExportClean TSX

Code Layer

Monaco Core

EngineMonaco Editor
LanguageTypeScript 5.x
LSPBuilt-in TS server
ThemesCustom dark/light
ShortcutsVS Code parity

Native Layer

Tauri Runtime

BackendRust + Tauri 2
PlatformsWin / Mac / Linux
FS AccessNative file system
Dev ServerSpawns Next.js dev
Bundle~8MB installer

3

Native platforms

~8MB

Bundle size

60fps

Canvas target

0

Metadata in TSX

Your story
starts now

We built AASK because we believe developers deserve better. Better tools. Better workflows. Better ways to turn imagination into reality. The canvas is ready. The code is waiting. What will you create?

Download BetaJoin Community

Made with ♥ by the AASK Team

A
Am
S
K