[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"categories-en-US":3,"blog-categories-en-US":3,"resource-dither-kit-en-US":4,"featured-sidebar-data-en-US":3,"latest-resources-en-US":60,"alternatives-dither-kit-en-US":116,"related-resources-dither-kit-en-US":178},true,{"id":5,"name":6,"slug":7,"url":8,"date_updated":9,"images_other":9,"tagline":10,"description":11,"seo":12,"features":15,"pros":23,"cons":28,"best_for":32,"cover":33,"icon":9,"pricing":34,"platform":35,"github_url":9,"twitter_url":37,"discord_url":9,"dribbble_url":9,"pricing_tiers":38,"views_count":40,"featured_rank":9,"categories":41,"tags":50,"files":9},874,"Dither Kit","dither-kit","https:\u002F\u002Fwww.tripwire.sh\u002Fdither-kit",null,"Retro pixel-perfect charts and UI components for your site","Dither Kit is a collection of retro, pixel-perfect charts and UI components built for Tailwind CSS and shadcn\u002Fui. It brings a charming dither-pixel aesthetic to data visualization with area, bar, line, pie, and radar charts, plus animated avatars, buttons, and more.\n\nEvery 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.\n\nThe kit pairs a retro look with modern accessibility, giving data-heavy sites a distinctive visual identity.",{"title":13,"meta_description":14},"Dither Kit — Retro pixel-perfect charts and UI components for your site","Dither Kit is a collection of retro, pixelperfect charts and UI components built for Tailwind CSS and shadcn\u002Fui. It brings a charming ditherpixel aesthetic t...",[16,17,18,19,20,21,22],"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\u002Fui","Copy-paste code, fully customizable","One-command install CLI","Modern accessibility with a retro look",[24,25,26,27],"Distinctive retro style for data-heavy sites","Easy to install and customize","Free and open source","Ships with both charts and UI components",[29,30,31],"Retro style isn't right for every brand","Requires Tailwind and shadcn\u002Fui setup","Smaller catalog than big chart libraries","Best for developers and teams building data-heavy sites with a distinctive retro character","48125c53-da59-4375-9409-14c409052ace.webp","free",[36],"Web","https:\u002F\u002Fx.com\u002Ftripwirehq",{"free":3,"note":39},"Free open-source components",0,[42,46],{"name":43,"slug":44,"sub_categories":45},"Templates & UI Kits","templates-ui-kits",[],{"name":47,"slug":48,"sub_categories":49},"Animation","animation",[],[51,53,54,57],{"name":9,"slug":52},"data-visualization",{"name":47,"slug":48},{"name":55,"slug":56},"UI Kits","ui-kits",{"name":58,"slug":59},"Freebie","freebie",[61,77,91,103],{"id":62,"url":63,"icon":9,"name":64,"slug":65,"tags":66,"cover":73,"tagline":74,"is_featured":75,"date_created":76,"date_updated":9},880,"https:\u002F\u002Fwww.arlan.me\u002Fvault","Arlan's Vault","arlans-vault",[67,70,72],{"seo":9,"name":68,"slug":69},"Vibe Coding","vibe-coding",{"seo":9,"name":9,"slug":71},"web-design",{"seo":9,"name":9,"slug":56},"ca1dcd3a-0023-41eb-b387-6770a7529f7e.webp","A library of web interaction and design style prompts",false,"2026-08-20T07:35:22.316179+00:00",{"id":78,"url":79,"icon":9,"name":80,"slug":81,"tags":82,"cover":88,"tagline":89,"is_featured":75,"date_created":90,"date_updated":9},879,"https:\u002F\u002Fpurelanding.page\u002F","Pure","pure-landing-page",[83,85,87],{"seo":9,"name":9,"slug":84},"inspiration",{"seo":9,"name":9,"slug":86},"landing-page",{"seo":9,"name":9,"slug":71},"d03eb69a-e8e3-4914-b8f3-8453f8440ae8.webp","A clean inspiration gallery of beautiful landing pages","2026-08-20T07:35:13.377601+00:00",{"id":92,"url":93,"icon":9,"name":94,"slug":95,"tags":96,"cover":100,"tagline":101,"is_featured":75,"date_created":102,"date_updated":9},878,"https:\u002F\u002Fposts.design\u002F","Posts.design","posts-design",[97,98],{"seo":9,"name":9,"slug":84},{"seo":9,"name":9,"slug":99},"social-media","2e97cacb-a94e-40eb-b415-8d26dc2281d4.webp","A curated gallery of real social media posts for design inspiration","2026-08-20T07:35:05.176939+00:00",{"id":104,"url":105,"icon":9,"name":106,"slug":107,"tags":108,"cover":113,"tagline":114,"is_featured":75,"date_created":115,"date_updated":9},877,"https:\u002F\u002Fhumation.app\u002Favatar","Humation","humation",[109,111,112],{"seo":9,"name":9,"slug":110},"illustrations",{"seo":9,"name":9,"slug":59},{"seo":9,"name":9,"slug":99},"59a1035f-1f6d-4202-a511-3b1f4dd4d796.webp","Generate cute hand-drawn avatars for your profile or brand","2026-08-20T07:34:57.715327+00:00",[117,123,129,135,141,147,153,159,165,171,177],{"url":118,"name":119,"slug":120,"cover":121,"tagline":122},"https:\u002F\u002Fblocks.lander.studio","Lander Studio Blocks","lander-studio-blocks","87513c7c-ecfb-488d-bc10-777f9f8c46ca.webp","Free Figma UI block library — copy and paste components directly into your designs",{"url":124,"name":125,"slug":126,"cover":127,"tagline":128},"https:\u002F\u002Fspacetypegenerator.com\u002F","SpaceTypeGenerator","spacetypegenerator","92b0b73c-4a22-474a-811e-6f9a9a419cb3.webp","Kinetic typography and text animation generator",{"url":130,"name":131,"slug":132,"cover":133,"tagline":134},"https:\u002F\u002Freadymag.com","Readymag","readymag","ecb98afd-9dc4-482f-a0d3-2cdd3a979b7a.webp","Design stunning web publications, portfolios, and landing pages — no coding required",{"url":136,"name":137,"slug":138,"cover":139,"tagline":140},"https:\u002F\u002Fblazy.studio\u002Fapp","Blazy Studio","blazy-studio","ec2cfd45-1569-4a57-979c-7c79d107b6a3.webp","Turn Figma prototypes into video animations",{"url":142,"name":143,"slug":144,"cover":145,"tagline":146},"https:\u002F\u002Faimu.app","Aimu","aimu","af56e687-9173-49b9-a262-55e91c96ed16.webp","Online subtitle editor with auto-generation",{"url":148,"name":149,"slug":150,"cover":151,"tagline":152},"https:\u002F\u002Ftiktokvoice.net","TikTokVoice","tiktokvoice","91ce6a7c-1290-415c-88ba-f2aaf0955538.webp","Text-to-speech AI voiceover with TikTok voices",{"url":154,"name":155,"slug":156,"cover":157,"tagline":158},"https:\u002F\u002F21st.dev\u002F","21st.dev","21st-dev","79e67612-7a6f-45be-a799-e872786fc4ed.webp","Hand-crafted React components and templates — not AI slop",{"url":160,"name":161,"slug":162,"cover":163,"tagline":164},"https:\u002F\u002Fdeveloper.apple.com\u002Fdesign\u002Fresources\u002F","Apple Design Resources","apple-design-resources","39af338d-2e06-4c05-bfcb-b33066ed9bb7.webp","Official Apple design templates, UI kits, fonts, and tools",{"url":166,"name":167,"slug":168,"cover":169,"tagline":170},"https:\u002F\u002Foriginkit.dev\u002F","OriginKit","originkit","299e2e55-e86a-4eaf-ab59-137a2f6c3282.webp","Free animated component library for modern websites",{"url":172,"name":173,"slug":174,"cover":175,"tagline":176},"https:\u002F\u002Fanimateicons.in\u002F","AnimateIcons","animateicons","80549d3e-12e4-4cf1-9190-cb1152e86967.webp","Open-source animated SVG icons for micro-interactions",{"url":63,"name":64,"slug":65,"cover":73,"tagline":74},[179,189,194],{"url":130,"icon":9,"name":131,"slug":132,"tags":180,"cover":133,"tagline":134,"is_featured":3,"date_created":188,"date_updated":9},[181,182,184,186],{"seo":9,"name":9,"slug":86},{"seo":9,"name":9,"slug":183},"presentation",{"seo":9,"name":9,"slug":185},"responsive",{"seo":9,"name":9,"slug":187},"no-code","2026-06-16T07:14:16.99401+00:00",{"url":63,"icon":9,"name":64,"slug":65,"tags":190,"cover":73,"tagline":74,"is_featured":75,"date_created":76,"date_updated":9},[191,192,193],{"seo":9,"name":68,"slug":69},{"seo":9,"name":9,"slug":71},{"seo":9,"name":9,"slug":56},{"url":166,"icon":9,"name":167,"slug":168,"tags":195,"cover":169,"tagline":170,"is_featured":75,"date_created":201,"date_updated":9},[196,197,198,199],{"seo":9,"name":9,"slug":48},{"seo":9,"name":9,"slug":56},{"seo":9,"name":68,"slug":69},{"seo":9,"name":9,"slug":200},"ai","2026-08-20T07:33:43.160504+00:00"]