[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_79":-7,"_80":28,"_81":82,"_83":-5,"_37":84},"routes/products.$slug",{"_11":67},"routes/products.$slug.embed",{"_11":12,"_13":14},"product",{"_15":16,"_17":18,"_19":20,"_21":22,"_23":24,"_25":26,"_27":28,"_29":30,"_31":32,"_33":34,"_35":36,"_37":38,"_39":40},"code","

<a href=\"https://toplistly.com/products/framesxdesign-com?ref=framesxdesign.com\" target=\"_blank\">\n  <img src=\"https://media.toplistly.com/embed/featured.png\" alt=\"Frames X Featured on Toplistly\" style=\"max-width:222px; max-height:50px;\"/>\n</a>

","id","2478c1b9-c593-4e19-818b-654716bb58fd","url","https://framesxdesign.com","name","Frames X","slug","framesxdesign-com","tagline","A premium Figma UI kit and design system with thousands of components.","description","

Frames X is a Figma UI kit and design system for building websites, SaaS products, and dashboards. It is aimed at designers and teams that design in Figma and ship React or Angular apps.

3,500+ components - Use ready-made components across more than 80 web design categories.
Website layouts - Assemble pages from over 500 responsive layout examples.
Dashboards and charts - Build interfaces with more than 130 chart and dashboard templates.
Variables and tokens - Adjust the whole project with parametric Figma variables and exported design tokens.
Dark mode and auto layout - Ship light and dark themes with auto layout and typography variables.
Code components - Pair the kit with Angular and React components for design-to-production handoff.

Frames X is useful for freelancers, startups, and enterprise teams that want a shared Figma foundation instead of building a design system from scratch.

The Personal license costs $129 for one user, the Team license costs $259 for up to three users, and the Enterprise license costs $999 for unlimited users; each is a one-time payment with lifetime updates.

","verified",false,"status","approved","launchedAt",["D",1792281600000],"color","#000000","files",[64],"tags",[41,42,43],"deals",[],{"_15":58,"_45":59},{"_15":52,"_45":53},{"_15":44,"_45":46},"0a754bd4-b7cd-4256-9e27-6adc5a4182bc","tag",{"_15":47,"_19":48,"_21":49,"_50":51},"19a4c1ce-57db-4e67-a69e-4565134138c1","Web","web","type","platform","136bf7e9-9f96-4405-a0e5-f8799fee4c90",{"_15":54,"_19":55,"_21":56,"_50":57},"34597ca1-4ec2-4c69-934d-330a4023b9c4","Boilerplates","boilerplate","category","4f901248-980b-4cc3-b8e1-3c74d011bb23",{"_15":60,"_19":61,"_21":62,"_50":63},"14b8b060-1528-4597-9101-84fed354fcd7","Paid","paid","pricing",{"_15":65,"_25":66},"48c0eba8-81c6-40e8-b077-696894974eea","Homepage of Frames X",{"_15":16,"_17":18,"_19":20,"_21":22,"_23":24,"_25":26,"_27":28,"_29":30,"_31":68,"_33":34,"_35":69,"_37":70,"_39":71},["D",1792281600000],[78],[72,73,74],[],{"_15":58,"_45":77},{"_15":52,"_45":76},{"_15":44,"_45":75},{"_15":47,"_19":48,"_21":49,"_50":51},{"_15":54,"_19":55,"_21":56,"_50":57},{"_15":60,"_19":61,"_21":62,"_50":63},{"_15":65,"_25":66},"toast","preview","support",{"_174":28,"_175":28,"_176":177},"analytics",[85,86,87,88,89,90,91,92,93,94,95,96,97,98,99,100,101,102],{"_15":170,"_19":171,"_21":172,"_106":173},{"_15":166,"_19":167,"_21":168,"_106":169},{"_15":162,"_19":163,"_21":164,"_106":165},{"_15":159,"_19":160,"_21":161,"_106":158},{"_15":155,"_19":156,"_21":157,"_106":158},{"_15":151,"_19":152,"_21":153,"_106":154},{"_15":147,"_19":148,"_21":149,"_106":150},{"_15":143,"_19":144,"_21":145,"_106":146},{"_15":139,"_19":140,"_21":141,"_106":142},{"_15":135,"_19":136,"_21":137,"_106":138},{"_15":132,"_19":133,"_21":83,"_106":134},{"_15":128,"_19":129,"_21":130,"_106":131},{"_15":124,"_19":125,"_21":126,"_106":127},{"_15":120,"_19":121,"_21":122,"_106":123},{"_15":116,"_19":117,"_21":118,"_106":119},{"_15":112,"_19":113,"_21":114,"_106":115},{"_15":108,"_19":109,"_21":110,"_106":111},{"_15":103,"_19":104,"_21":105,"_106":107},"60034938-a55c-49b1-8a7d-19ee78ab66d4","Ecommerce","ecommerce","count",15,"08913002-a9ca-4fd2-ac62-dcb1329e2e30","Product Analytics","product-analytics",18,"e50e1cbd-14cf-4428-86f7-5284f81b2fca","AI Agents & Chatbots","ai-agents",19,"7107b8b5-6651-4770-b04a-993ae1e7d512","Sales","sales",22,"16bc6ca5-d1a8-45b0-9010-3508a42647cc","Project Management","project-management",23,"f08d06bd-c056-41c9-a92c-26f56f4cfa82","No Code","no-code",24,"b0bf8a95-b70e-45bc-87e0-a629b03be5ad","Security and Compliance","security-and-compliance",29,"54f8ff26-66fa-48e1-9b5b-ed376c02176f","Analytics",30,"b56dd1b3-e63d-43a3-9f15-2a537a5e3cff","Lifestyle","lifestyle",32,"d997f768-6764-4aae-b644-7752d5f849df","Business","business",33,"6533b624-6d3d-42a7-9fca-2034144c1115","Collaboration","collaboration",34,"1d128e87-7967-4cc2-9136-532a0f2ac09f","Finance","finance",35,"88ef9ce4-951e-4fa1-b3f1-e96eb211f1db","Design Tools","design-tools",44,"b40713ef-65e7-4b57-8141-b0eaabca88b3","Artificial Intelligence","artificial-intelligence",48,"c4683ee6-b52f-4c49-b425-b3052bd95430","Automation","automation","80ceaa53-b8b8-49cc-8801-a1fc77783a09","Marketing","marketing",63,"54249f92-b0d9-4d71-9bb6-7af568092c6b","Developer Tools","developer-tools",84,"3daf5a5b-9976-422c-851f-412e7771ebc5","Productivity","productivity",131,"webp","avif","classes",""]

Frames X

Frames X embed badge