Hey developers! 👋
I'm excited to share that we've just released ReUI v1.0.20 with a massive update: 9 brand new chart components that are completely free to use. No catch, no premium paywall - just high-quality, production-ready charts for your React applications.
What's New
📈 9 Line Charts
We've added 9 modern line charts designed to present key metrics and insights. Each chart features unique layouts, data visualizations, and styling options perfect for dashboards, admin panels, and analytics pages.
Key Features:
- Sales overview with goals tracking
- Portfolio balance visualization
- Custom tooltips with percentage changes
- Gradient fills and modern styling
- Interactive dropdown menus
- Export functionality
📊 5 Area Charts
Preview available with more chart variety for data visualization.
Technical Stack
- Built on shadcn/ui - Seamless integration with existing projects
- Recharts powered - Professional-grade charting library
- TypeScript - Full type safety and IntelliSense support
- Tailwind CSS - Fully customizable with CSS variables
- React - Modern hooks and client-side rendering
What Changed
- Migrated from OKLCH to Tailwind CSS variables for better compatibility
- Updated Data Grid Component documentation
- All charts are production-ready with proper TypeScript types
- Dark/light mode support out of the box
⚡ Quick Start
Install any chart with a single command:
pnpm dlx shadcn@latest add https://reui.io/r/line-chart-1.json
🎯 Perfect For
- Admin panels and dashboards
- Analytics applications
- Financial dashboards
- Data visualization projects
- Business intelligence tools
🔗 Resources
- Live Preview: https://www.reui.io/blocks/charts/line-charts
- GitHub: ReUI Repository
- Documentation: ReUI Docs
💭 What's Next?
We're working on:
- Bar charts and pie charts
- More interactive features
- Additional customization options
- Performance optimizations
🤝 Community
We'd love to hear from you! Try out the charts and let us know:
- What you're building with them
- Any features you'd like to see
- Performance feedback
- Integration suggestions
Drop a comment below or reach out on Twitter!
Happy coding! 🚀
P.S. All charts are MIT licensed and completely free to use in both personal and commercial projects.
Tags: #react #typescript #charts #ui #shadcn #recharts #tailwindcss #webdev
Top comments (0)