[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"blog-categories-en-US":3,"categories-en-US":3,"resource-rive-en-US":4,"featured-sidebar-data-en-US":3,"latest-resources-en-US":51,"alternatives-rive-en-US":127,"related-resources-rive-en-US":217},true,{"id":5,"name":6,"slug":7,"url":8,"date_updated":9,"images_other":10,"tagline":11,"description":12,"seo":13,"features":16,"pros":20,"cons":25,"best_for":28,"cover":29,"icon":30,"pricing":31,"platform":10,"github_url":10,"twitter_url":10,"discord_url":10,"dribbble_url":10,"pricing_tiers":32,"views_count":34,"featured_rank":10,"categories":35,"tags":47,"files":10},38,"Rive","rive","https:\u002F\u002Frive.app\u002F","2026-06-12T06:45:48.509794+00:00",null,"The Real-Time Interactive Animation Platform","Rive is a powerful, browser-based design and animation platform that enables teams to create sophisticated interactive animations that respond to user input in real-time and run on any platform.\nThe Revolutionary State Machine: This is the soul of Rive. You can visually manage all animation states (e.g., idle, hover, click, success, fail) and the transitions between them using a simple flowchart, eliminating the need for complex code. This makes it easy to build living, interactive characters and components.\nCross-Platform with High Performance: Design once, run anywhere. Rive's lightweight runtimes ensure silky-smooth performance across the web, iOS, Android, Flutter, game engines, and more, all from a single file.\nIntegrated Design & Animation Workflow: Complete the entire creative process—from vector drawing and bone rigging to animating and setting up State Machine logic—all within a single, collaborative tool, saying goodbye to the cumbersome process of switching between apps (like Illustrator -> After Effects).\nRive fundamentally changes how dynamic content is created for products. It's not just an alternative to Lottie; it's the evolution of it—shifting from simply playing animations to interacting* with them. For teams looking to build delightful, character-rich, and engaging experiences in their apps, games, and websites, Rive is the definitive tool for the future.",{"title":14,"meta_description":15},"Rive - The Real-Time Interactive Animation Platform | DesignToolMark","Rive is a powerful, browserbased design and animation platform that enables teams to create sophisticated interactive animations that respond to user input i...",[17,18,19],"The Revolutionary State Machine: This is the soul of Rive. You can visually manage all animation states (e.g., idle, hover, click, success, fail) and the transitions between them using a simple flowchart, eliminating the need for complex code. This makes it easy to build living, interactive characters and components.","Cross-Platform with High Performance: Design once, run anywhere. Rive's lightweight runtimes ensure silky-smooth performance across the web, iOS, Android, Flutter, game engines, and more, all from a single file.","Integrated Design & Animation Workflow: Complete the entire creative process—from vector drawing and bone rigging to animating and setting up State Machine logic—all within a single, collaborative tool, saying goodbye to the cumbersome process of switching between apps (like Illustrator -> After Effects).",[21,22,23,24],"Real-time collaboration","Cloud-based, no installation needed","Smooth animation capabilities","Industry-standard animation format",[26,27],"Learning curve for advanced features","Rendering can be time-consuming","Rive fundamentally changes how dynamic content is created for products. It's not just an alternative to Lottie; it's the evolution of it—shifting from simply playing animations to interacting* with them. For teams looking to build delightful, character-rich, and engaging experiences in their apps, games, and websites, Rive is the definitive tool for the future.","screenshots\u002Frive.webp","e9ca94d0-6bb8-409a-bee6-80d673d86bee.svg","freemium",{"pro":10,"free":3,"note":33},"Free tier available, premium features paid",0,[36,43],{"name":37,"slug":38,"sub_categories":39},"Design Tools","design-tools",[40],{"name":41,"slug":42},"Animation & Video","animation-video",{"name":44,"slug":45,"sub_categories":46},"Animation","animation",[],[48],{"name":49,"slug":50},"Prototyping","prototyping",[52,75,90,103],{"id":53,"url":54,"icon":10,"name":55,"slug":56,"tags":57,"cover":71,"tagline":72,"is_featured":73,"date_created":74,"date_updated":10},862,"https:\u002F\u002Fdeveloper.apple.com\u002Fdesign\u002Fresources\u002F","Apple Design Resources","apple-design-resources",[58,61,63,65,67,69],{"seo":10,"name":59,"slug":60},"Free","free",{"seo":10,"name":10,"slug":62},"fonts",{"seo":10,"name":10,"slug":64},"icons",{"seo":10,"name":10,"slug":66},"mockups",{"seo":10,"name":10,"slug":68},"ui-kits",{"seo":10,"name":10,"slug":70},"design-systems","39af338d-2e06-4c05-bfcb-b33066ed9bb7.webp","Official Apple design templates, UI kits, fonts, and tools",false,"2026-07-16T01:44:01.585569+00:00",{"id":76,"url":77,"icon":10,"name":78,"slug":79,"tags":80,"cover":87,"tagline":88,"is_featured":73,"date_created":89,"date_updated":10},861,"https:\u002F\u002Fferalui.dev\u002Fgradients","FeralUI Gradient Builder","feralui-gradients",[81,82,85],{"seo":10,"name":59,"slug":60},{"seo":10,"name":83,"slug":84},"Open Source","open-source",{"seo":10,"name":10,"slug":86},"colors","7ebaf15a-33a1-4f03-bd92-88ad52b886e5.webp","Playful, physics-driven gradient builder for Tailwind CSS","2026-07-16T01:39:25.742464+00:00",{"id":91,"url":92,"icon":10,"name":93,"slug":94,"tags":95,"cover":100,"tagline":101,"is_featured":73,"date_created":102,"date_updated":10},860,"https:\u002F\u002Fviewport-ui.design\u002F","Viewport UI","viewport-ui",[96,97,98],{"seo":10,"name":59,"slug":60},{"seo":10,"name":10,"slug":68},{"seo":10,"name":10,"slug":99},"inspiration","7a4e7938-e9b1-4f8b-9886-37b683ddd8f6.webp","UI curated experiences for your inspiration","2026-07-07T06:28:48.469215+00:00",{"id":104,"url":105,"icon":10,"name":106,"slug":107,"tags":108,"cover":124,"tagline":125,"is_featured":73,"date_created":126,"date_updated":10},859,"https:\u002F\u002F21st.dev\u002F","21st.dev","21st-dev",[109,112,114,115,117,118,119,120,122],{"seo":10,"name":110,"slug":111},"AI Powered","ai-powered",{"seo":10,"name":10,"slug":113},"ai",{"seo":10,"name":59,"slug":60},{"seo":10,"name":116,"slug":31},"Freemium",{"seo":10,"name":10,"slug":68},{"seo":10,"name":10,"slug":70},{"seo":10,"name":10,"slug":50},{"seo":10,"name":10,"slug":121},"no-code",{"seo":10,"name":10,"slug":123},"productivity","79e67612-7a6f-45be-a799-e872786fc4ed.webp","Hand-crafted React components and templates — not AI slop","2026-07-07T06:23:36.061553+00:00",[128,134,140,146,152,158,164,170,176,182,188,194,200,205,211],{"url":129,"name":130,"slug":131,"cover":132,"tagline":133},"https:\u002F\u002Fwww.vectary.com\u002F","Vectary","vectary","eee0f328-73a3-474c-8737-dcbb2d1c246c.webp","The Online 3D and AR Platform for Designers",{"url":135,"name":136,"slug":137,"cover":138,"tagline":139},"https:\u002F\u002Flottiefiles.com\u002Flottie-creator","Lottie Creator","lottie-creator","0444fb06-cafd-4497-b3e8-a55b510860ad.webp","The Official Animation Tool from LottieFiles",{"url":141,"name":142,"slug":143,"cover":144,"tagline":145},"https:\u002F\u002Fproto.io\u002F","Proto.io","proto-io","6aa4c90f-6a3c-4672-b442-7b376aaa2799.webp","The Ultra High-Fidelity Prototyping Platform for Mobile",{"url":147,"name":148,"slug":149,"cover":150,"tagline":151},"https:\u002F\u002Fanimate-ui.com\u002F","Animate UI","animate-ui","51875bb1-cd07-4d4b-b76c-940dab1c9780.webp","Animate UI is a free open-source React component library with Tailwind and Framer Motion animations, inspired by shadcn\u002Fui, to effortlessly elevate web interfaces.",{"url":153,"name":154,"slug":155,"cover":156,"tagline":157},"https:\u002F\u002Fjitter.video\u002F","Jitter","jitter","a381c13b-fa33-4886-93f9-bca2aa7157be.webp","The Simple Motion Design Tool",{"url":159,"name":160,"slug":161,"cover":162,"tagline":163},"https:\u002F\u002Fwww.dora.run\u002F","Dora","dora","3c519924-74a9-486b-a22d-4b00731d2cc1.webp","The No-Code Platform for 3D Animated Sites",{"url":165,"name":166,"slug":167,"cover":168,"tagline":169},"https:\u002F\u002Fwww.adobe.com\u002Fproducts\u002Faftereffects.html","Adobe After Effects","adobe-after-effects","0dc7315e-f92b-4fa6-a6cd-41a5f694401c.webp","The Industry Standard for Motion Graphics & VFX",{"url":171,"name":172,"slug":173,"cover":174,"tagline":175},"https:\u002F\u002Fwww.lottielab.com\u002F","Lottielab","lottielab","b10edf51-8b25-469d-a8e6-5ae744f23eff.webp","The Online Animation Editor Built for Lottie",{"url":177,"name":178,"slug":179,"cover":180,"tagline":181},"https:\u002F\u002Fwww.adobe.com\u002Fproducts\u002Ffirefly.html","Adobe Firefly","adobe-firefly","b210d64d-1866-4e3c-882b-8a816c15cf05.webp","The Commercially Safe AI for Creative Workflows",{"url":183,"name":184,"slug":185,"cover":186,"tagline":187},"https:\u002F\u002Flottiefiles.com\u002F","Lottiefiles","lottiefiles","f5a57f18-961b-4001-8c9b-99c39091d63c.webp","The Official Hub and Global Marketplace for Lottie Animations",{"url":189,"name":190,"slug":191,"cover":192,"tagline":193},"https:\u002F\u002Fcavalry.scenegroup.co\u002F","Cavalry","cavalry","56eade99-99db-4f8a-a4f2-4a69408d57a9.webp","The Procedural Powerhouse for Motion Design",{"url":195,"name":196,"slug":197,"cover":198,"tagline":199},"https:\u002F\u002Frive.app\u002Fmarketplace\u002F","Rive Marketplace","rive-marketplace","be9edf0d-0948-42ec-8bf8-c9bf0b7374d5.webp","The Hub for Interactive Animation Assets",{"url":201,"name":202,"slug":202,"cover":203,"tagline":204},"https:\u002F\u002Flucide-animated.com\u002F","lucide-animated","54d5dbd5-f8d8-4e14-85fb-83521dfe25de.webp","open-source animated SVG icons extending Lucide with smooth Lottie animations.",{"url":206,"name":207,"slug":208,"cover":209,"tagline":210},"https:\u002F\u002Fwww.womp.com\u002F","Womp","womp","72a8c593-6556-4db5-89ef-958ff5b7156f.webp","The Goopy 3D Modeling Platform for Everyone",{"url":212,"name":213,"slug":214,"cover":215,"tagline":216},"https:\u002F\u002Fwww.photopea.com\u002F","Photopea","photopea","3db42052-a84f-4029-9938-8e750497e5b2.webp","The Free, Browser-Based \"Photoshop\"",[218,231,247],{"url":219,"icon":10,"name":220,"slug":221,"tags":222,"cover":228,"tagline":229,"is_featured":3,"date_created":230,"date_updated":10},"https:\u002F\u002Flinear.app","Linear","linear-app",[223,225,226,227],{"seo":10,"name":10,"slug":224},"collaboration",{"seo":10,"name":10,"slug":50},{"seo":10,"name":116,"slug":31},{"seo":10,"name":10,"slug":123},"7dc9bed7-8510-495f-82b3-84a60b1b4819.webp","Fast, streamlined issue tracking and project management — built for modern product teams","2026-06-16T07:18:11.23048+00:00",{"url":232,"icon":10,"name":233,"slug":234,"tags":235,"cover":244,"tagline":245,"is_featured":3,"date_created":246,"date_updated":10},"https:\u002F\u002Fwww.gimp.org","GIMP","gimp",[236,237,238,240,242],{"seo":10,"name":59,"slug":60},{"seo":10,"name":83,"slug":84},{"seo":10,"name":10,"slug":239},"image-editing",{"seo":10,"name":10,"slug":241},"svg",{"seo":10,"name":10,"slug":243},"print-design","9f4321c5-7770-4e9d-a434-774fc0698c90.webp","The free and open-source image editor — a powerful Photoshop alternative for photo retouching and image composition","2026-06-16T07:16:45.154035+00:00",{"url":248,"icon":10,"name":249,"slug":250,"tags":251,"cover":257,"tagline":258,"is_featured":3,"date_created":259,"date_updated":10},"https:\u002F\u002Fbalsamiq.com","Balsamiq","balsamiq",[252,254,255,256],{"seo":10,"name":10,"slug":253},"wireframe",{"seo":10,"name":10,"slug":50},{"seo":10,"name":10,"slug":224},{"seo":10,"name":116,"slug":31},"3d08be4f-39f6-4152-a769-e28d1a04aac2.webp","Fast, focused wireframing tool that keeps conversations on structure — not pixels","2026-06-16T07:14:07.685566+00:00"]