design-infraReport a problem or share feedback← Catalog
Area with faded edges · Bklit
curatedfreebklit/area-fade-edges
Faded side edges on the area surface. A visual variant of the public Bklit area chart.
$
npx shadcn@latest add https://ui.bklit.com/r/area-chart.jsonOur notes
Visual variant: install the underlying area-chart component, then adapt the matching public gallery example using its props/composition. This is not a separate registry item or a verified hosted demo. MIT chart source; proprietary Bklit Studio is excluded. Preserve units, readable data, theme tokens and accessible alternatives.- Source
- Bklit UI
- Kind
- component
- Categories
- chart
- Use as
- recipe — technique you apply to your own markup
- Applies to
- chart
- Motion
- on enter · subtle · css · low cost
- Tags
- chart-ui, visual-variant, area, fade-edges
- Licence
- MIT for chart components and registry; Bklit Studio is proprietary and excluded.
- Live demo
- bklit.com
- Docs
- bklit.com
Similar
Compare all 4 →- Dither Chartsmoothui/dither-chart♥ The user singled out the dither chart as an interesting component to feature on the homepage. Use the real pixelated data visualization with selectable chart styles and clearly labeled sample data. — Pixelated Canvas charts with line, donut, bar and other data shapes. Good for distinctive dashboards and product illustrations; keep its data text alternative, label demo data and provide controls outside the canvas. Hosted local demo preserves the upstream component and install command.
- AntV G2 · Interval marksantv-g2/intervalIntegration recipe: the command installs the library, not a standalone finished component. Adapt the linked upstream API/example to your data and brand. Keep the visualization grammar explicit and dispose the chart on unmount. Pin a compatible major when adapting older examples; do not treat G2 and the G6 graph engine as interchangeable. Upstream: https://github.com/antvis/g2. License: MIT. Package metadata: @antv/g2@5.4.8. Runtime integration is not verified by this metadata sync.
- AntV G2 · Line marksantv-g2/lineIntegration recipe: the command installs the library, not a standalone finished component. Adapt the linked upstream API/example to your data and brand. Keep the visualization grammar explicit and dispose the chart on unmount. Pin a compatible major when adapting older examples; do not treat G2 and the G6 graph engine as interchangeable. Upstream: https://github.com/antvis/g2. License: MIT. Package metadata: @antv/g2@5.4.8. Runtime integration is not verified by this metadata sync.