Dither Kit
Retro pixel-perfect charts and UI components for your site
Product Overview
Dither Kit is a collection of retro, pixel-perfect charts and UI components built for Tailwind CSS and shadcn/ui. It brings a charming dither-pixel aesthetic to data visualization with area, bar, line, pie, and radar charts, plus animated avatars, buttons, and more. Every component is production-ready copy-paste code, fully customizable to match your brand. An install CLI makes adding them to an existing project a one-command task. The kit pairs a retro look with modern accessibility, giving data-heavy sites a distinctive visual identity.
Best For
Best for developers and teams building data-heavy sites with a distinctive retro character
Key Features
- Pixel-perfect area, bar, line, pie, and radar charts
- Retro dither aesthetic for data visualization
- Animated avatars, buttons, and UI extras
- Built for Tailwind CSS and shadcn/ui
- Copy-paste code, fully customizable
- One-command install CLI
- Modern accessibility with a retro look
Pros
- +Distinctive retro style for data-heavy sites
- +Easy to install and customize
- +Free and open source
- +Ships with both charts and UI components
Cons
- -Retro style isn't right for every brand
- -Requires Tailwind and shadcn/ui setup
- -Smaller catalog than big chart libraries
/// SPECS
- Pricing:Free
- Platform:Web
- Free open-source components
Lander Studio Blocks
Free Figma UI block library — copy and paste components directly into your designs
SpaceTypeGenerator
Kinetic typography and text animation generator
Readymag
Design stunning web publications, portfolios, and landing pages — no coding required
Blazy Studio
Turn Figma prototypes into video animations
Aimu
Online subtitle editor with auto-generation
TikTokVoice
Text-to-speech AI voiceover with TikTok voices
21st.dev
Hand-crafted React components and templates — not AI slop
Apple Design Resources
Official Apple design templates, UI kits, fonts, and tools
OriginKit
Free animated component library for modern websites
AnimateIcons
Open-source animated SVG icons for micro-interactions
Arlan's Vault
A library of web interaction and design style prompts