52
I have been cooking a canvas library with a lofty goal of building an aspirational and futuristic interface. One suited for intent and information largely driven by AI. To that end I present an early release of Elenweave.
You can try a local canvas right away on the app to get a feel for it. Its a local offline canvas app that can be used to create flows and gather ideas as and when they occur.
What's even more existing is that you can build your own version using the library. Use the quick start option on the homepage to build something quickly. You can also copy the entire library doc with a single click and paste it into chat gpt or gemini and take it from.
Excited to see the kind of app you will build. Open to feedback and ideas.
Elenweave Canvas Workspace Library is a powerful client-only, framework-agnostic ES module library designed for creating interactive canvas workspaces. It offers a comprehensive suite of tools for building and managing graphs, rendering, navigation, themes, and HTML nodes. This library is ideal for developers looking to create intent-driven interactions with features such as multi-board workspaces, low-level graph models, and a robust renderer/controller view. Key features include:
Workspace Management: Create, rename, switch, and export boards with ease. Move nodes across graphs and manage active graph navigation layers.
Graph and Node Management: Utilize a low-level board model with ordering helpers, edges, serialization, and placement nudges. Add, update, or remove nodes and edges effortlessly.
Rendering and Interaction: The canvas renderer and interaction controller support selection, link mode, context menus, and DOM-backed HTML nodes. Export your work as PNG or JSON.
Navigation: Two-tier navigation with zoom/pan and selection traversal, complete with keyboard bindings and optional UI.
Theming: Choose from preset themes like blueprint, light, and dark, or customize with token overrides for both canvas and HTML overlays.
Elenweave is event-driven, allowing integration with external states and persistence through Graph/Workspace exports. It supports a variety of input controls, charts, media viewers, and data diagnostics, making it a versatile tool for developers aiming to create rich, interactive experiences.
Future Releases (Target: First Week Of February)
Agent SDK to plug and play AI into the canvas
Built with