Pane
A glassy project management app for small teams
A seven-page project management app with a clear glass look. Good for: a design studio, an agency, a startup or any small team. How it works: drag tasks across the board, start a focus timer, and see projects and team workload at a glance. Includes: home, task board, calendar, projects, insights, team, settings, search, light and dark mode, colour and wallpaper choices and a phone layout. How to use: it comes with sample data and no backend, so connect your own API in src/store.ts. Built with TypeScript, HTML and CSS plus GSAP.
$66.00 — one-time price, free updates
- A website template
- Plain HTML, CSS and JavaScript · no framework
- Build unlimited client sites with it
Built with Plain JavaScript, CSS, SVG, GSAP.
What is in the zip
- app.css
- css/calendar.css
- css/home.css
- css/insights.css
- css/projects.css
- css/settings.css
- css/tasks.css
- css/team.css
- index.html
- src/actions.ts
- src/charts.ts
- src/clock.ts
- src/focus.ts
- src/glass.ts
- src/icons.ts
- src/island.ts
- src/liquid.ts
- src/main.ts
- src/motion.ts
- src/pages/calendar.ts
- src/pages/home.ts
- src/pages/insights.ts
- src/pages/projects.ts
- src/pages/settings.ts
- src/pages/tasks.ts
- src/pages/team.ts
- src/pages/types.ts
- src/store.ts
- src/ui.ts
- src/wall.ts
- tsconfig.json
Version history
- v1.0.4, 2026-10-19 — The page scrolls over the task board. The mouse wheel scrolls the page over the task board, the filter chips, the week calendar and the Insights table; before, the page only scrolled over the sidebar. On computers and tablets the page title no longer floats over the page as you scroll, since the sidebar already shows where you are. Phones keep the title at the top left.
- v1.0.3, 2026-10-19 — Reduce transparency that keeps the layout. Reduce transparency no longer breaks the layout: the toolbar, sidebar, menus, sheets and search stay where they belong, and every surface turns truly solid. With reduce transparency on in your system settings, the Settings switch shows it on instead of off.
- v1.0.2, 2026-10-18 — A compact Focus widget and clearer notifications. The Focus widget is compact: the session length sits in the card head, the dial beside the task picker and Start button, and a new "Focused today" line shows progress towards a two-hour goal. On tablets Home pairs Today and Focus beside My tasks. On wide screens notifications drop just under the toolbar so they never cover a page title, and the focus-started notice is brief so the live timer appears sooner.
- v1.0.1, 2026-10-18 — Tighter headers, a bigger toolbar, Settings that fills the screen. Page headers now keep the title and its actions level, with the stats underneath; on wide screens the title shares the toolbar band. The search bar and toolbar buttons are larger, and the focus timer capsule sits beside the toolbar on wide screens. Settings uses the full width on large screens. Phones name the current page at the top left, and small links and switches have finger-sized tap areas.
- v1.0.0, 2026-10-18 — First release. Pane shipped, with the reel recorded from the real page.