{"version":"1.0","type":"stack","id":"867810c6-ae91-4675-a51b-a1655510e9a6","url":"https://stacklist.com/c/diy/stack/MmOoy3k49yMTs2DgDZrF","title":"Design System Resources","description":"Every sites and resources that fill the gap of developing a sound Design System will be dropped here.","privacy":"public","created_at":"2025-03-26T17:32:51.751Z","updated_at":"2025-03-26T17:32:51.751Z","author":{"username":"oluwasegun-afe-805","name":"Oluwasegun Afe","url":"https://stacklist.com/oluwasegun-afe-805","type":"person"},"category":{"id":"diy","name":"diy","url":"https://stacklist.com/c/diy"},"items":[{"id":"2956cee8-edd5-4356-9b79-43eebe58ba54","position":1,"title":"Open design systems from the Figma Community","url":"https://www.designsystems.com/open-design-systems/","note":"Explore and download open-source design systems for free on the Figma Community—a platform empowering design innovation","image":{"url":"https://ucarecdn.com/dd3767ae-46e0-47e7-97a5-876aa4eade11/","alt":"Open design systems from the Figma Community","width":1200,"height":630},"direct_link":"https://stacklist.com/card/2956cee8-edd5-4356-9b79-43eebe58ba54","created_at":"2025-05-01T17:30:28.335Z","updated_at":null},{"id":"62cb15b2-abb2-4c15-802a-c6a42b1c11c8","position":2,"title":"Design Systems Database & Gallery","url":"https://designsystems.surf/","note":"Explore and discover the best design systems collections, featuring top-notch components and foundations from leading tech companies and UI teams.","image":{"url":"https://ucarecdn.com/729f60d6-89b3-43b8-bbe2-dcfde95be05b/","alt":"Design Systems Database & Gallery","width":1200,"height":630},"direct_link":"https://stacklist.com/card/62cb15b2-abb2-4c15-802a-c6a42b1c11c8","created_at":"2025-04-20T06:35:08.323Z","updated_at":null},{"id":"cc0a1ab5-61d8-4b3f-84d9-d8e60ef6ab2b","position":3,"title":"Design System by Bwahab","url":"https://bwahab.notion.site/Design-system-resource-cbcbb6b48d664217ab101fb2b23b4213?pvs=149","note":"Elevate your workflow with Notion's AI-powered tools, providing a seamless and customizable workspace that connects your daily tasks, teams, and ideas in one intuitive platform.","image":{"url":"https://ucarecdn.com/acc23f7d-0ef7-404b-8800-15805e81ce2a/","alt":"Design System by Bwahab","width":1200,"height":630},"direct_link":"https://stacklist.com/card/cc0a1ab5-61d8-4b3f-84d9-d8e60ef6ab2b","created_at":"2025-06-11T20:08:23.659Z","updated_at":null},{"id":"8f09c1f6-4c34-4ba4-93b7-106d1c615e05","position":4,"title":"Clapet - AI-assisted architecture diagrams","url":"https://clapet.app/d","note":"Clapet is an AI-assisted architecture diagram tool for designing, reviewing, saving, and sharing system designs. It streamlines the process of creating architecture diagrams, making it easier for teams to collaborate and visualize their projects.","image":{"url":"https://ucarecdn.com/7bd075b6-093b-4a85-8cf1-7313aa389ccd/","alt":"Clapet - AI-assisted architecture diagrams","width":1280,"height":800},"direct_link":"https://stacklist.com/card/8f09c1f6-4c34-4ba4-93b7-106d1c615e05","created_at":"2026-07-17T21:39:01.488Z","updated_at":null,"aco":{"summary":"Clapet is an AI-assisted architecture diagram tool designed for creating, reviewing, saving, and sharing system designs. It provides a personalized chat experience to enhance the diagram design and collaboration process.","tags":["ai-assisted","architecture-diagrams","system-design","collaboration","design-tool"],"key_entities":[{"name":"Clapet","type":"technology","confidence":0.95},{"name":"AI-assisted architecture diagrams","type":"concept","confidence":0.9},{"name":"system design","type":"concept","confidence":0.85}],"classification":"reference","language":"en","confidence":0.85,"provenance":{"model":"claude-haiku-4-5","tool":"@stacklist/be@0.1.0","confidence":0.85,"timestamp":"2026-07-17T21:39:11.280Z"},"token_counts":{"approximate":45,"cl100k":38},"content_hash":"sha256:bf02825cdc7db0fc28d74aea134f56ede749324355f1a2b9eb783b6ad1e1ae3a","acp_version":"0.2","body_available":true,"body_tokens":45,"visibility":"public","agent_accessible":true,"status":"final"}},{"id":"1bf97be6-540b-44aa-8b7f-f19b58c8d4d0","position":5,"title":"Variant – Endless designs for your ideas, just scroll","url":"https://variant.com/","note":"Enter an idea for an app or site and see endless design options just by scrolling.","image":{"url":"https://ucarecdn.com/308b235a-6ed6-4e27-b88b-da5ad280e8f0/","alt":"Variant – Endless designs for your ideas, just scroll","width":1280,"height":800},"direct_link":"https://stacklist.com/card/1bf97be6-540b-44aa-8b7f-f19b58c8d4d0","created_at":"2026-07-23T12:20:00.529Z","updated_at":null,"aco":{"summary":"Variant is a customizable product design platform that generates endless design options for apps and websites through an intuitive scrolling interface. Users can input their ideas and explore multiple design variations without manual creation.","tags":["design-customization","product-variants","web-tool","ui-generator","design-platform","scrollable-interface"],"key_entities":[{"name":"Variant","type":"technology","confidence":0.95},{"name":"design-customization","type":"concept","confidence":0.9},{"name":"endless-design-options","type":"concept","confidence":0.85}],"classification":"reference","language":"en","confidence":0.85,"provenance":{"model":"claude-haiku-4-5","tool":"@stacklist/be@0.1.0","confidence":0.85,"timestamp":"2026-07-23T12:20:06.299Z"},"token_counts":{"approximate":41,"cl100k":34},"content_hash":"sha256:f86b9f7876e6cd2496a8c6ed59e054f3c4a4fb595b70c283f6cd339d047e0b65","acp_version":"0.2","body_available":true,"body_tokens":41,"visibility":"public","agent_accessible":true,"status":"final"}},{"id":"111fe659-290d-4ac5-b6b5-055c972e9973","position":6,"title":"GRADIENTOOL - Infinite Unique Output Generator","url":"https://www.gradientool.com/","note":"GRADIENTOOL is a simple tool designed to generate an infinite number of unique outputs. It provides users with a straightforward interface to create diverse content effortlessly.","image":{"url":"https://ucarecdn.com/41b2ea11-4ca3-4da6-b801-0b82438b7bdf/","alt":"GRADIENTOOL - Infinite Unique Output Generator","width":1280,"height":800},"direct_link":"https://stacklist.com/card/111fe659-290d-4ac5-b6b5-055c972e9973","created_at":"2026-07-30T08:45:41.638Z","updated_at":null,"aco":{"summary":"Gradientool is a data visualization and animation tool featuring parameter controls for gradient animations. It provides easing function options (linear, ease-in, ease-out, sine), loop settings, and timing parameters for creating smooth visual transitions.","tags":["gradientool","data-visualization","animation","easing-functions","parameter-control","ui-tool"],"key_entities":[{"name":"Gradientool","type":"technology","confidence":0.95},{"name":"easing-functions","type":"concept","confidence":0.9},{"name":"data-visualization","type":"concept","confidence":0.85},{"name":"animation-parameters","type":"concept","confidence":0.8}],"classification":"reference","language":"en","confidence":0.85,"provenance":{"model":"claude-haiku-4-5","tool":"@stacklist/be@0.1.0","confidence":0.85,"timestamp":"2026-07-30T08:45:47.781Z"},"token_counts":{"approximate":43,"cl100k":59},"content_hash":"sha256:e9baf1169dfcc163b303f87167cf6f439b58db6d47f6f22f60ac743762d66b60","acp_version":"0.2","body_available":true,"body_tokens":43,"visibility":"public","agent_accessible":true,"status":"final"}},{"id":"aca3280b-459b-40ac-bcea-70305080422c","position":7,"title":"Thinking orbs — Animated thinking orb component","url":"https://orbs.jakubantalik.com/","note":"Dotted thought-orb loading indicators for AI and agent UIs. Six hand-tuned states, two sizes, auto dark/light theme.","image":{"url":"https://ucarecdn.com/1b1fc3c8-f36a-4f7d-9baa-33c0f086db31/","alt":"Thinking orbs — Animated thinking orb component","width":1280,"height":800},"direct_link":"https://stacklist.com/card/aca3280b-459b-40ac-bcea-70305080422c","created_at":"2026-07-30T16:41:18.442Z","updated_at":null,"aco":{"summary":"Orbs is an interactive visualization component by Jakub Antalik featuring animated thinking orb indicators designed for AI and agent user interfaces. The component includes six hand-tuned states, two sizes, and automatic dark/light theme support.","tags":["orbs","ui-components","animated-visualization","loading-indicators","ai-ui","dark-light-theme","interactive"],"key_entities":[{"name":"Jakub Antalik","type":"person","confidence":0.95},{"name":"Orbs","type":"technology","confidence":0.95},{"name":"animated-thinking-orb-component","type":"concept","confidence":0.85},{"name":"loading-indicators","type":"concept","confidence":0.9},{"name":"AI-UI","type":"concept","confidence":0.85}],"classification":"reference","language":"en","confidence":0.85,"provenance":{"model":"claude-haiku-4-5","tool":"@stacklist/be@0.1.0","confidence":0.85,"timestamp":"2026-07-30T16:41:23.466Z"},"token_counts":{"approximate":50,"cl100k":49},"content_hash":"sha256:806de1f236aad6b633583c578f33f6139f63dbaeaeba78a530714650aa584b67","acp_version":"0.2","body_available":true,"body_tokens":50,"visibility":"public","agent_accessible":true,"status":"final"}},{"id":"9e755b03-b51c-43f9-8e4e-d7cba16d06da","position":8,"title":"Toolfolio - All the Tools You Need in One Place","url":"https://toolfolio.com/","note":"Toolfolio helps you find the best tools for productivity, creativity, and design. Explore top solutions for startups, social media, AI, and more to optimize your workflow.","image":{"url":"https://ucarecdn.com/8981b6e3-54a6-4df2-8c7a-626f8bda4b14/","alt":"Toolfolio - All the Tools You Need in One Place","width":48,"height":48},"direct_link":"https://stacklist.com/card/9e755b03-b51c-43f9-8e4e-d7cba16d06da","created_at":"2026-07-30T17:44:15.679Z","updated_at":null,"aco":{"summary":"Toolfolio is an ultimate toolkit designed to enhance productivity by providing users with access to various tools and resources. The platform offers daily coupon codes and regularly adds new tools to its collection.","tags":["productivity","toolkit","tools","coupon-codes","daily-deals"],"key_entities":[{"name":"Toolfolio","type":"technology","confidence":0.95},{"name":"productivity","type":"concept","confidence":0.9},{"name":"toolkit","type":"concept","confidence":0.85}],"classification":"reference","language":"en","confidence":0.85,"provenance":{"model":"claude-haiku-4-5","tool":"@stacklist/be@0.1.0","confidence":0.85,"timestamp":"2026-07-30T17:44:20.711Z"},"token_counts":{"approximate":13,"cl100k":8},"content_hash":"sha256:23256afa463a07f359909f06d221dc7344a9e8a1683d006ab0d185502e5fdd1c","acp_version":"0.2","body_available":true,"body_tokens":13,"visibility":"public","agent_accessible":true,"status":"final"}},{"id":"72e4711b-8629-46a4-93d9-065bb6e7c2b3","position":9,"title":"Astryx Design System","url":"https://astryx.atmeta.com/","note":"An open source design system that is fully customizable and agent ready.","image":{"url":"https://ucarecdn.com/f1c4bc77-665e-4e84-89bd-80a968b43776/","alt":"Astryx Design System","width":3840,"height":2160},"direct_link":"https://stacklist.com/card/72e4711b-8629-46a4-93d9-065bb6e7c2b3","created_at":"2026-08-10T06:29:24.426Z","updated_at":null,"aco":{"summary":"Astryx provides innovative solutions for modern challenges. The content contains a customer service inquiry regarding order status.","tags":["order-tracking","customer-service","inquiry","support","astryx"],"key_entities":[{"name":"Astryx","type":"organization","confidence":0.95}],"classification":"snippet","language":"en","confidence":0.85,"provenance":{"model":"claude-haiku-4-5","tool":"@stacklist/be@0.1.0","confidence":0.85,"timestamp":"2026-07-03T05:10:37.790Z"},"token_counts":{"approximate":5,"cl100k":5},"content_hash":"sha256:b65346d71813eeb4d4be0dbf0f73f22b1f3a0d8f03999f06441ce969b5739af5","acp_version":"0.2","body_available":true,"body_tokens":5,"visibility":"public","agent_accessible":true,"status":"final"}}],"stats":{"likes_count":0,"items_count":9},"_links":{"self":"/api/public/stack/MmOoy3k49yMTs2DgDZrF.json","html":"https://stacklist.com/c/diy/stack/MmOoy3k49yMTs2DgDZrF","rss":"/api/feeds/stack/MmOoy3k49yMTs2DgDZrF/rss","json_feed":"/api/feeds/stack/MmOoy3k49yMTs2DgDZrF/json"}}