antvis
component
TypeScript

🍱 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.

build Coverage Status npm Version npm Download npm License

✨ 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, SVG or WebGL with 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
- Axis - Legend - Tooltip - Slider - Scrollbar - Button - Checkbox - Navigator - Breadcrumb - Sparkline

📮 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

© 2026 GitRepoTrend · antvis/component · Updated daily from GitHub