[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"categories-en-US":3,"blog-categories-en-US":3,"resource-originkit-en-US":4,"featured-sidebar-data-en-US":3,"latest-resources-en-US":60,"alternatives-originkit-en-US":115,"related-resources-originkit-en-US":189},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":9,"discord_url":9,"dribbble_url":9,"pricing_tiers":37,"views_count":39,"featured_rank":9,"categories":40,"tags":49,"files":9},868,"OriginKit","originkit","https:\u002F\u002Foriginkit.dev\u002F",null,"Free animated component library for modern websites","OriginKit is a free library of beautifully animated website components, ready to copy and paste into React or Framer projects. It ships with curated animations and smooth interactions that give modern sites a polished feel without hand-rolling every effect.\n\nOriginKit is AI-friendly. It comes with an MCP server so AI coding agents can pull components directly into your project, and every component works as clean, copy-paste code. You can browse the full catalog online and grab whatever fits your design.\n\nIt also offers starter kits for React and Framer, plus premium versions of individual components for teams that want more depth.",{"title":13,"meta_description":14},"OriginKit — Free animated component library for modern websites","OriginKit is a free library of beautifully animated website components, ready to copy and paste into React or Framer projects. It ships with curated animatio...",[16,17,18,19,20,21,22],"Curated animated components for React and Framer","Copy-paste code with no extra build steps","MCP server for AI agents to add components directly","Smooth, production-grade micro-interactions","Online catalog to browse and preview everything","Starter kits for React and Framer","Premium component variants available",[24,25,26,27],"Free to use with permissive licensing","AI agents can install components via MCP","Polished animations out of the box","Works with React and Framer",[29,30,31],"Catalog smaller than huge UI libraries","Requires React or Framer to use","Some components are premium","Best for web developers and AI-assisted builders who want polished animations without writing them from scratch","299e2e55-e86a-4eaf-ab59-137a2f6c3282.webp","free",[36],"Web",{"free":3,"note":38},"Free animated component library with MCP support",0,[41,45],{"name":42,"slug":43,"sub_categories":44},"Templates & UI Kits","templates-ui-kits",[],{"name":46,"slug":47,"sub_categories":48},"Animation","animation",[],[50,51,54,57],{"name":46,"slug":47},{"name":52,"slug":53},"UI Kits","ui-kits",{"name":55,"slug":56},"Vibe Coding","vibe-coding",{"name":58,"slug":59},"AI","ai",[61,75,89,101],{"id":62,"url":63,"icon":9,"name":64,"slug":65,"tags":66,"cover":71,"tagline":72,"is_featured":73,"date_created":74,"date_updated":9},880,"https:\u002F\u002Fwww.arlan.me\u002Fvault","Arlan's Vault","arlans-vault",[67,68,70],{"seo":9,"name":55,"slug":56},{"seo":9,"name":9,"slug":69},"web-design",{"seo":9,"name":9,"slug":53},"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":76,"url":77,"icon":9,"name":78,"slug":79,"tags":80,"cover":86,"tagline":87,"is_featured":73,"date_created":88,"date_updated":9},879,"https:\u002F\u002Fpurelanding.page\u002F","Pure","pure-landing-page",[81,83,85],{"seo":9,"name":9,"slug":82},"inspiration",{"seo":9,"name":9,"slug":84},"landing-page",{"seo":9,"name":9,"slug":69},"d03eb69a-e8e3-4914-b8f3-8453f8440ae8.webp","A clean inspiration gallery of beautiful landing pages","2026-08-20T07:35:13.377601+00:00",{"id":90,"url":91,"icon":9,"name":92,"slug":93,"tags":94,"cover":98,"tagline":99,"is_featured":73,"date_created":100,"date_updated":9},878,"https:\u002F\u002Fposts.design\u002F","Posts.design","posts-design",[95,96],{"seo":9,"name":9,"slug":82},{"seo":9,"name":9,"slug":97},"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":102,"url":103,"icon":9,"name":104,"slug":105,"tags":106,"cover":112,"tagline":113,"is_featured":73,"date_created":114,"date_updated":9},877,"https:\u002F\u002Fhumation.app\u002Favatar","Humation","humation",[107,109,111],{"seo":9,"name":9,"slug":108},"illustrations",{"seo":9,"name":9,"slug":110},"freebie",{"seo":9,"name":9,"slug":97},"59a1035f-1f6d-4202-a511-3b1f4dd4d796.webp","Generate cute hand-drawn avatars for your profile or brand","2026-08-20T07:34:57.715327+00:00",[116,122,128,134,140,146,152,158,164,170,176,182,188],{"url":117,"name":118,"slug":119,"cover":120,"tagline":121},"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":123,"name":124,"slug":125,"cover":126,"tagline":127},"https:\u002F\u002Fspacetypegenerator.com\u002F","SpaceTypeGenerator","spacetypegenerator","92b0b73c-4a22-474a-811e-6f9a9a419cb3.webp","Kinetic typography and text animation generator",{"url":129,"name":130,"slug":131,"cover":132,"tagline":133},"https:\u002F\u002Freadymag.com","Readymag","readymag","ecb98afd-9dc4-482f-a0d3-2cdd3a979b7a.webp","Design stunning web publications, portfolios, and landing pages — no coding required",{"url":135,"name":136,"slug":137,"cover":138,"tagline":139},"https:\u002F\u002Fanimxyz.com","AnimXYZ","animxyz","2e80b79d-d047-4c24-a119-84a7b028cf0f.webp","Pre-built CSS animations made simple",{"url":141,"name":142,"slug":143,"cover":144,"tagline":145},"https:\u002F\u002Fblazy.studio\u002Fapp","Blazy Studio","blazy-studio","ec2cfd45-1569-4a57-979c-7c79d107b6a3.webp","Turn Figma prototypes into video animations",{"url":147,"name":148,"slug":149,"cover":150,"tagline":151},"https:\u002F\u002Faimu.app","Aimu","aimu","af56e687-9173-49b9-a262-55e91c96ed16.webp","Online subtitle editor with auto-generation",{"url":153,"name":154,"slug":155,"cover":156,"tagline":157},"https:\u002F\u002Ftiktokvoice.net","TikTokVoice","tiktokvoice","91ce6a7c-1290-415c-88ba-f2aaf0955538.webp","Text-to-speech AI voiceover with TikTok voices",{"url":159,"name":160,"slug":161,"cover":162,"tagline":163},"https:\u002F\u002Fflowbite.com\u002F","Flowbite Design System","flowbite-design-system","1fc705b7-2a78-4a13-ae72-b6fbf30933be.webp","open-source Tailwind CSS component library with Figma kit for rapid UI building.",{"url":165,"name":166,"slug":167,"cover":168,"tagline":169},"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":171,"name":172,"slug":173,"cover":174,"tagline":175},"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":177,"name":178,"slug":179,"cover":180,"tagline":181},"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":183,"name":184,"slug":185,"cover":186,"tagline":187},"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":71,"tagline":72},[190,200,205],{"url":129,"icon":9,"name":130,"slug":131,"tags":191,"cover":132,"tagline":133,"is_featured":3,"date_created":199,"date_updated":9},[192,193,195,197],{"seo":9,"name":9,"slug":84},{"seo":9,"name":9,"slug":194},"presentation",{"seo":9,"name":9,"slug":196},"responsive",{"seo":9,"name":9,"slug":198},"no-code","2026-06-16T07:14:16.99401+00:00",{"url":63,"icon":9,"name":64,"slug":65,"tags":201,"cover":71,"tagline":72,"is_featured":73,"date_created":74,"date_updated":9},[202,203,204],{"seo":9,"name":55,"slug":56},{"seo":9,"name":9,"slug":69},{"seo":9,"name":9,"slug":53},{"url":177,"icon":9,"name":178,"slug":179,"tags":206,"cover":180,"tagline":181,"is_featured":73,"date_created":212,"date_updated":9},[207,209,210,211],{"seo":9,"name":9,"slug":208},"data-visualization",{"seo":9,"name":9,"slug":47},{"seo":9,"name":9,"slug":53},{"seo":9,"name":9,"slug":110},"2026-08-20T07:34:32.825982+00:00"]