🍱 AntV UI component based on G render engine.
Last updated May 14, 2026
65
Stars
50
Forks
7
Issues
0
Stars/day
Attention Score
79
Language breakdown
No language data available.
▸ Files
click to expand
README
@antv/component
Visualization components for AntV, based on G which is a flexible rendering engine for visualization.
✨ Features
- Rich - Contains 20+ Visualization components, for AntV G2, G6, L7.
- Powerful - Each component has powerful abilities and flexible scalability.
- Well Design - Continuous optimization and iteration.
- Powerful Renderer - Based on the powerful renderer G, we can render the components using
Canvas,SVGorWebGLwith same code.
📦 Installation
$ npm install @antv/component
$ yarn add @antv/component
🔨 Getting Started
import { Canvas } from '@antv/g';
import { Renderer } from '@antv/g-canvas';
import { Button } from '@antv/component';
// 1. New a canvas. const canvas = new Canvas({ container: 'container', width: 600, height: 600, renderer: new Renderer(), });
// 2. Create a button with configure. const button = new Button({ / ... / });
// 3. Append into G canvas. canvas.appendChild(button);
// 4. Render. canvas.render();
📎 Documents
- API
- UI components
📮 Contribution
$ git clone git@github.com:antvis/component.git
$ cd component
$ npm install
$ npm run dev
Then send a pull request on GitHub.
📄 License
MIT@AntV.
🔗 More in this category