// the find
legions-developer/evilcharts
EvilCharts is an open-source chart UI website built with shadcn and Recharts, beautifully designed and handcrafted.
EvilCharts is a Next.js/React component gallery that wraps Recharts with shadcn-style components and pre-built chart designs. It's a copy-paste resource — you browse the site, grab the component code, drop it in your project. The target is developers who want something that looks better than raw Recharts out of the box without building their own design system around it.
The shadcn integration is the real value here: components follow the same copy-paste model as shadcn/ui, so there's no package to version-lock or update — you own the code once you take it. The chart variety is solid (bar, line, area, pie, radar, radial, sankey, composed), and the OG images suggest the visual quality is genuinely good rather than just Recharts with a color tweak. The `.agents/skills/` directory tree shows the repo is set up with structured agent skills for composition patterns, accessibility, and Next.js best practices, which means the codebase is navigable and follows deliberate conventions rather than being thrown together.
At 2,565 stars and 81 forks this is still small enough that the component coverage has real gaps — if you need a scatter plot, heatmap, or anything outside the eight listed types, you're on your own. Recharts itself is showing its age (it's React 18 only in its latest stable, SSR support is awkward), so EvilCharts inherits those limitations: server components can't render these, you need `use client` boundaries everywhere. The README is nearly empty — no installation docs, no API surface, no changelog — you're expected to just visit the site and figure it out, which is fine until the site goes down or changes. No npm package means there's also no versioning; the component you copy today may diverge from what future contributors update.