🎨 NeaCanvas ✨

Version License Node TypeScript

⚠️ ALPHA VERSION 0.1.3 - NOT FOR PRODUCTION USE

Universal canvas framework for Node.js and browser environments with TypeScript support.

Personal Use Only - Commercial license required for business/production use. See LICENSE for details.

• 2D Graphics: Comprehensive drawing primitives and tools
• Universal Runtime: Works in Node.js and browser environments
• TypeScript: Full TypeScript support with strict typing
• Performance: Optimized rendering with NeaSmart batching and caching
• Extensible: Plugin architecture for custom functionality
• Export Support: PNG, JPEG, SVG, and PDF export

GitHub Release Only (Not yet published to npm)

# Clone from GitHub
git clone https://github.com/NeaByteLab/NeaCanvas.git
cd NeaCanvas
npm install
npm run build
# Or install directly from GitHub
npm install github:NeaByteLab/NeaCanvas

import { NeaCanvas } from './src/index' // Local development
// or
import { NeaCanvas } from '@neabyte/canvas' // After GitHub install
// Create canvas instance
const canvas = NeaCanvas.init({
 width: 800,
 height: 600,
 backgroundColor: '#ffffff'
})
// Create a layout
const layout = await canvas.create('main', {
 width: 600,
 height: 400,
 x: 100,
 y: 100
})
// Draw shapes on the layout
layout.draw('rectangle', {
 x: 0,
 y: 0,
 width: 200,
 height: 100,
 fill: '#ff6b6b'
})
layout.draw('circle', {
 x: 300,
 y: 150,
 radius: 80,
 fill: '#4ecdc4'
})
layout.draw('text', {
 x: 50,
 y: 200,
 text: 'Hello NeaCanvas!',
 fill: '#2d3436',
 fontSize: 24
})
// Render in browser
canvas.render()
// Export as image
const pngData = await canvas.export({ format: 'png', quality: 0.9 })

• Node.js 20.0.0 or higher
• TypeScript 5.9.0 or higher

Check out the /example directory for complete examples:

• cert-generator-1.ts - Professional certificate generation
• cert-generator-2.ts - Creative diagonal certificate
• bar-chart-1.ts - Business dashboard with charts
• website-ui-demo.ts - Multi-layout website UI
• multi-layout-demo.ts - Basic multi-layout concept

• ✅ Core framework architecture
• ✅ Multi-layout system with auto-flush
• ✅ Comprehensive validation system
• ✅ Universal Node.js + Browser support
• ✅ Export system (PNG, JPEG, SVG, PDF)
• 🚧 Animation system with easing functions (in development)
• 🚧 Advanced examples (expanding)
• 🚧 Interactive web features (planned)
• 🚧 3D rendering capabilities (planned)
• 🚧 WebGL GPU integration (planned)
• 🚧 Performance optimizations (in progress)
• 🚧 Advanced examples (expanding)
• 🚧 Plugin system (planned)

Personal Use Only - See LICENSE for complete terms.

For commercial, production, or business use, contact us for a commercial license:

• See COMMERCIAL-LICENSE.md for commercial terms
• Email: me@neabyte.com

• Email: me@neabyte.com
• GitHub: NeaByteLab
• Issues: GitHub Issues

⚡ Built with TypeScript, designed for enterprise, licensed for personal use.