xiry.

Development · Web app

Evil Charts

Animated React chart components styled for shadcn/ui and Tailwind CSS

From the Xiry library · Updated 10 October 2026

Visit evilcharts.com ↗

Evil Charts is an open-source library of animated, interactive React chart components built on Recharts and Apache ECharts. Designed to integrate directly with shadcn/ui and Tailwind CSS, components can be added via the shadcn CLI or copied into projects with dark-mode styling and loading states built in.

What it's for

  • Add pre-styled, animated charts into a shadcn/ui and Tailwind dashboard
  • Display complex data flows using styled Sankey and radar charts
  • Show loading shimmer states on dashboard charts while fetching remote data
  • Implement interactive chart selections with built-in selection callbacks

Features

  • One-line CLI installation using shadcn registry commands
  • Built-in support for area, line, bar, radar, pie, radial, sankey, and composed charts
  • Styling tuned for dark mode with glowing effects, gradients, and custom fills
  • Standardized loading state prop (`isLoading`) with shimmer animations
  • Interactive selection support via `isClickable` and `onSelectionChange` callbacks
  • Light and dark color scheme configuration through unified ChartConfig
  • Live preview and code snippet toggles in the documentation

Pricing

Open source. Free and open source

Details

Type
Web app
Category
Development
Topic
UI Components
Open source
Yes
Platforms
Code library, Web
For
React and Next.js developers building modern dashboards
Alternative to
Recharts, Tremor, shadcn/ui Charts
Tags
charts, react, shadcn, tailwind, dataviz, recharts

Why it was saved

  • @abhijitwt, 15 May 2026: Gives handcrafted, nicely animated, dark-mode-ready charts (area, line, bar, radar, pie, radial, sankey, composed) that can be dropped into a project instead of building chart styling from scratch.

Compare

Related

  • shadcn/ui

    Copy-paste React UI components built with Tailwind CSS and Radix primitives.

  • Efferd

    Pre-built, responsive shadcn/ui blocks and layouts for React applications

  • Motion

    Open-source animation library for React, Vue, and vanilla JavaScript

  • React Bits

    Open-source animated and interactive React UI components and backgrounds

  • 21st.dev

    Curated directory of crafted React, Tailwind, and shadcn UI components.

  • lucide-animated

    Open-source animated React icons built with Lucide and Motion

All 114 in UI Components →

Updated