[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"blog-categories-en-US":3,"categories-en-US":3,"resource-bencho-en-US":4,"featured-sidebar-data-en-US":3,"latest-resources-en-US":61,"alternatives-bencho-en-US":117,"related-resources-bencho-en-US":157},true,{"id":5,"name":6,"slug":7,"url":8,"date_updated":9,"images_other":9,"tagline":10,"description":11,"seo":12,"features":15,"pros":24,"cons":30,"best_for":34,"cover":35,"icon":9,"pricing":36,"platform":37,"github_url":9,"twitter_url":9,"discord_url":9,"dribbble_url":9,"pricing_tiers":39,"views_count":42,"featured_rank":9,"categories":43,"tags":52,"files":9},896,"Bencho","bencho","https:\u002F\u002Fbencho.dev\u002F",null,"Interactive React components and micro-interactions you can tune live and take into your projects","Bencho is a live library of interactive React components and micro-interactions created by Lorenzo Cabra. Instead of static mockups, every block runs for real: you hover, press, drag, slide, swipe, type, or select directly in the browser, tune it on a shared bench, and then take the code into your project.\n\nThe collection covers more than 120 blocks organized by interaction type, from loaders and toggles to charts, pickers, dynamic islands, signature pads, and AI chat inputs. Each one is adjustable live, so you can feel the motion before committing to it. A bench area holds the blocks you are working with so you can combine and compare them.\n\nBencho is free to explore with a selection of blocks and sounds including their code. Bencho Pro unlocks every block and sound, full source code, downloads, an unlimited bench, and the Bencho MCP for Claude, Cursor, and other AI assistants. Plans are €79 per year or €99 once for the first 200 members.",{"title":13,"meta_description":14},"Bencho — Interactive React components and micro-interactions you can tune live and take into your projects","Bencho is a live library of interactive React components and microinteractions created by Lorenzo Cabra. Instead of static mockups, every block runs for real...",[16,17,18,19,20,21,22,23],"120+ interactive React blocks and micro-interactions","Live adjustable previews instead of static mockups","Organized by interaction: hover, press, drag, slide, swipe, type, select","Bench to collect and combine blocks","Sounds and Finds sections alongside blocks","Full source code with Pro","Bencho MCP for Claude, Cursor, and AI assistants","Free tier with selected blocks and code",[25,26,27,28,29],"Components run for real, so you can judge the feel","Large, constantly updated library","Clean modern interaction design","MCP integration for AI-assisted development","Free tier available",[31,32,33],"Full library and code require a paid Pro plan","React only, no other frameworks","Pro is subscription-based unless you buy Forever","Best for React developers and product designers who want production-ready micro-interactions they can test live before using","bcd6e63a-6260-4712-925e-755ca9c2dcbe.webp","freemium",[38],"Web",{"pro":40,"free":3,"lifetime":41},"€79\u002Fyear","€99 once (first 200 members)",0,[44,48],{"name":45,"slug":46,"sub_categories":47},"Templates & UI Kits","templates-ui-kits",[],{"name":49,"slug":50,"sub_categories":51},"Design Tools","design-tools",[],[53,55,58],{"name":54,"slug":36},"Freemium",{"name":56,"slug":57},"UI Kits","ui-kits",{"name":59,"slug":60},"Animation","animation",[62,69,86,101],{"id":5,"url":8,"icon":9,"name":6,"slug":7,"tags":63,"cover":35,"tagline":10,"is_featured":67,"date_created":68,"date_updated":9},[64,65,66],{"seo":9,"name":54,"slug":36},{"seo":9,"name":9,"slug":57},{"seo":9,"name":9,"slug":60},false,"2026-10-19T07:27:24.077209+00:00",{"id":70,"url":71,"icon":9,"name":72,"slug":73,"tags":74,"cover":83,"tagline":84,"is_featured":67,"date_created":85,"date_updated":9},895,"https:\u002F\u002Fapexdesk.github.io\u002F","ApexDesk","apexdesk",[75,78,81],{"seo":9,"name":76,"slug":77},"Free","free",{"seo":9,"name":79,"slug":80},"Open Source","open-source",{"seo":9,"name":9,"slug":82},"productivity","b3d31429-8786-4408-9d23-1a84ebcb0aa9.webp","Office software, done right. Finally. — free, Rust-built, opens in 0.2 seconds","2026-10-14T08:06:23.913994+00:00",{"id":87,"url":88,"icon":9,"name":89,"slug":90,"tags":91,"cover":98,"tagline":99,"is_featured":67,"date_created":100,"date_updated":9},894,"https:\u002F\u002Fgetartcraft.com\u002Fapps\u002Ffigcraft","FigCraft","figcraft",[92,93,94,96],{"seo":9,"name":76,"slug":77},{"seo":9,"name":79,"slug":80},{"seo":9,"name":9,"slug":95},"prototyping",{"seo":9,"name":9,"slug":97},"mobile-ui","1d11c9d8-1679-4d2b-a828-6c065d2fa26e.webp","Interface design and prototyping, rebuilt in pure Rust — free, open source","2026-10-14T07:25:59.853+00:00",{"id":102,"url":103,"icon":9,"name":104,"slug":105,"tags":106,"cover":114,"tagline":115,"is_featured":67,"date_created":116,"date_updated":9},893,"https:\u002F\u002Fgetartcraft.com\u002Fapps\u002Fdesigncraft","DesignCraft","designcraft",[107,108,109,112],{"seo":9,"name":76,"slug":77},{"seo":9,"name":79,"slug":80},{"seo":9,"name":110,"slug":111},"Paid","typography",{"seo":9,"name":9,"slug":113},"print-design","02a3682f-241c-4109-bef1-c9c6bae505df.webp","Page layout and publishing, rebuilt in pure Rust — free, open source","2026-10-07T08:58:50.070875+00:00",[118,124,130,136,142,148,149,155,156],{"url":119,"name":120,"slug":121,"cover":122,"tagline":123},"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":125,"name":126,"slug":127,"cover":128,"tagline":129},"https:\u002F\u002Foriginkit.dev\u002F","OriginKit","originkit","299e2e55-e86a-4eaf-ab59-137a2f6c3282.webp","Free animated component library for modern websites",{"url":131,"name":132,"slug":133,"cover":134,"tagline":135},"https:\u002F\u002Fwww.tripwire.sh\u002Fdither-kit","Dither Kit","dither-kit","48125c53-da59-4375-9409-14c409052ace.webp","Retro pixel-perfect charts and UI components for your site",{"url":137,"name":138,"slug":139,"cover":140,"tagline":141},"https:\u002F\u002Fwww.arlan.me\u002Fvault","Arlan's Vault","arlans-vault","ca1dcd3a-0023-41eb-b387-6770a7529f7e.webp","A library of web interaction and design style prompts",{"url":143,"name":144,"slug":145,"cover":146,"tagline":147},"https:\u002F\u002Fgetartcraft.com\u002Fapps\u002Fphotocraft","PhotoCraft","photocraft","f1fdc44a-9ecc-43d8-b90e-85fd81fc3afb.webp","The image editor you already know how to use — free, open source, built in Rust",{"url":103,"name":104,"slug":105,"cover":114,"tagline":115},{"url":150,"name":151,"slug":152,"cover":153,"tagline":154},"https:\u002F\u002Fgetartcraft.com\u002Fapps\u002Fpdfcraft","PdfCraft","pdfcraft","ecb2266a-3321-4bba-9022-288a83b3a1fd.webp","The open-source PDF workbench — read, organize, combine, split and secure",{"url":88,"name":89,"slug":90,"cover":98,"tagline":99},{"url":71,"name":72,"slug":73,"cover":83,"tagline":84},[158,174,180],{"url":159,"icon":9,"name":160,"slug":161,"tags":162,"cover":171,"tagline":172,"is_featured":3,"date_created":173,"date_updated":9},"https:\u002F\u002Freadymag.com","Readymag","readymag",[163,165,167,169],{"seo":9,"name":9,"slug":164},"landing-page",{"seo":9,"name":9,"slug":166},"presentation",{"seo":9,"name":9,"slug":168},"responsive",{"seo":9,"name":9,"slug":170},"no-code","ecb98afd-9dc4-482f-a0d3-2cdd3a979b7a.webp","Design stunning web publications, portfolios, and landing pages — no coding required","2026-06-16T07:14:16.99401+00:00",{"url":88,"icon":9,"name":89,"slug":90,"tags":175,"cover":98,"tagline":99,"is_featured":67,"date_created":100,"date_updated":9},[176,177,178,179],{"seo":9,"name":76,"slug":77},{"seo":9,"name":79,"slug":80},{"seo":9,"name":9,"slug":95},{"seo":9,"name":9,"slug":97},{"url":137,"icon":9,"name":138,"slug":139,"tags":181,"cover":140,"tagline":141,"is_featured":67,"date_created":188,"date_updated":9},[182,185,187],{"seo":9,"name":183,"slug":184},"Vibe Coding","vibe-coding",{"seo":9,"name":9,"slug":186},"web-design",{"seo":9,"name":9,"slug":57},"2026-08-20T07:35:22.316179+00:00"]