[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"categories-en-US":3,"blog-categories-en-US":3,"resource-github-cards-en-US":4,"featured-sidebar-data-en-US":3,"latest-resources-en-US":52,"alternatives-github-cards-en-US":117,"related-resources-github-cards-en-US":220},true,{"id":5,"name":6,"slug":7,"url":8,"date_updated":9,"images_other":9,"tagline":10,"description":11,"seo":12,"features":15,"pros":22,"cons":26,"best_for":29,"cover":30,"icon":9,"pricing":31,"platform":32,"github_url":9,"twitter_url":9,"discord_url":9,"dribbble_url":9,"pricing_tiers":34,"views_count":35,"featured_rank":9,"categories":36,"tags":45,"files":9},808,"GitHub.cards","github-cards","https:\u002F\u002Fgithub.cards",null,"Generate beautiful GitHub profile data cards","GitHub.cards is a free tool that generates beautiful, customizable data cards for your GitHub profile. Display your stats, repositories, contributions, and more in visually appealing card formats. Customize colors, themes, and layouts to match your personal brand. Perfect for embedding in portfolios, personal websites, or README files.",{"title":13,"meta_description":14},"GitHub.cards -- Generate beautiful GitHub profile data cards","GitHub.cards is a free tool that generates beautiful, customizable data cards for your GitHub profile. Display your stats, repositories, contributions, and m...",[16,17,18,19,20,21],"Generate GitHub stats cards with contribution data","Customizable colors, themes, and card layouts","Repository overview cards for showcasing projects","Embed-ready for portfolios and README files","Light and dark mode variants available","Real-time data pulled from GitHub API",[23,24,25],"Easy to customize appearance and layout","No account or sign-up required to use","Clean, professional-looking design output",[27,28],"Displays only public GitHub data","Limited to GitHub profile information only","Best for developers who want to showcase their GitHub profile data visually in portfolios and README files","58b0c7d4-d07f-464a-b07f-584728d96ba8.webp","free",[33],"Web",{"free":3},0,[37,41],{"name":38,"slug":39,"sub_categories":40},"Design Tools","design-tools",[],{"name":42,"slug":43,"sub_categories":44},"Inspiration","inspiration",[],[46,48,51],{"name":47,"slug":31},"Free",{"name":49,"slug":50},"Web Design","web-design",{"name":9,"slug":43},[53,85,96,106],{"id":54,"url":55,"icon":9,"name":56,"slug":57,"tags":58,"cover":81,"tagline":82,"is_featured":83,"date_created":84,"date_updated":9},858,"https:\u002F\u002Fwww.genspark.ai\u002F","Genspark Design","genspark-design",[59,62,64,67,69,71,73,75,77,79],{"seo":9,"name":60,"slug":61},"AI Powered","ai-powered",{"seo":9,"name":9,"slug":63},"ai",{"seo":9,"name":65,"slug":66},"Freemium","freemium",{"seo":9,"name":9,"slug":68},"free-trial",{"seo":9,"name":9,"slug":70},"image-editing",{"seo":9,"name":9,"slug":72},"video",{"seo":9,"name":9,"slug":74},"animation",{"seo":9,"name":9,"slug":76},"prototyping",{"seo":9,"name":9,"slug":78},"no-code",{"seo":9,"name":9,"slug":80},"productivity","fc3931e4-3210-4155-a94b-da3a261fe281.webp","The next-gen AI for design — powered by Claude Opus 4.7",false,"2026-06-28T03:12:01.911314+00:00",{"id":86,"url":87,"icon":9,"name":88,"slug":89,"tags":90,"cover":93,"tagline":94,"is_featured":83,"date_created":95,"date_updated":9},857,"https:\u002F\u002Folivia-tsui.github.io\u002Fct\u002F","World's Best Scale Tool","worlds-best-scale-tool",[91],{"seo":9,"name":9,"slug":92},"colors","eb5afb81-91ac-496d-96b6-bd870afbc2a8.webp","Advanced color scale and palette generation tool","2026-06-24T04:31:04.697212+00:00",{"id":97,"url":98,"icon":9,"name":99,"slug":100,"tags":101,"cover":103,"tagline":104,"is_featured":83,"date_created":105,"date_updated":9},856,"https:\u002F\u002Fwww.tints.dev\u002F","Tailwind CSS Color Generator","tailwind-css-color-generator",[102],{"seo":9,"name":9,"slug":92},"bd6eba7c-091e-4cfa-83c6-a7f3392e1032.webp","Tailwind CSS 11-color palette generator and API","2026-06-24T04:30:57.92162+00:00",{"id":107,"url":108,"icon":9,"name":109,"slug":110,"tags":111,"cover":114,"tagline":115,"is_featured":83,"date_created":116,"date_updated":9},855,"https:\u002F\u002Fscreensiz.es\u002F","Screensiz.es","screensiz-es",[112,113],{"seo":9,"name":47,"slug":31},{"seo":9,"name":9,"slug":43},"b56672d4-1eab-4481-a3f5-4440977fb881.webp","Device screen sizes and viewport reference","2026-06-24T04:30:50.994519+00:00",[118,124,130,135,141,147,153,154,160,166,172,178,184,190,196,202,208,214],{"url":119,"name":120,"slug":121,"cover":122,"tagline":123},"https:\u002F\u002Fumanmade.com","Umanmade","umanmade","d13245ab-8f96-4272-a51b-040392545c54.webp","A curated directory of digital work made by real humans, not AI",{"url":125,"name":126,"slug":127,"cover":128,"tagline":129},"https:\u002F\u002Fsame.energy","Same.energy","same-energy","5eb9b4be-0beb-4dbc-a53a-54bc632ad38b.webp","AI-powered visual search for similar style and composition",{"url":131,"name":109,"slug":132,"cover":133,"tagline":134},"https:\u002F\u002Fscreensiz.es","screensizes","98f9bb8e-3061-402c-9988-35ca81fc6828.webp","Comprehensive reference for device screen sizes and resolutions",{"url":136,"name":137,"slug":138,"cover":139,"tagline":140},"https:\u002F\u002Fchecklist.design","Checklist Design","checklist-design","8e09f24a-d01a-4ef4-b71e-fbc3a6cef962.webp","Curated checklists for every stage of design",{"url":142,"name":143,"slug":144,"cover":145,"tagline":146},"https:\u002F\u002Fuinotes.com\u002F","UI Notes","ui-notes","bf2bbf86-71e9-4623-b3ef-9c6f20215fce.webp","Curated library of real app UI screenshots",{"url":148,"name":149,"slug":150,"cover":151,"tagline":152},"https:\u002F\u002Fsky-office.co\u002F","Sky Office","sky-office","72faf396-995a-482a-a8be-d04d280f7791.webp","Virtual design office for remote creative teams",{"url":108,"name":109,"slug":110,"cover":114,"tagline":115},{"url":155,"name":156,"slug":157,"cover":158,"tagline":159},"https:\u002F\u002Fworks.meiye.art","Meiye Works","meiye-works","0c684aae-96b8-4dd7-b3e7-765fa42552fe.webp","Chinese online portfolio platform for designers",{"url":161,"name":162,"slug":163,"cover":164,"tagline":165},"https:\u002F\u002Fpicsee.co","Picsee","picsee","9a696a5e-9acd-45e1-a9c5-efee29a9543f.webp","Screenshot annotation and sharing tool",{"url":167,"name":168,"slug":169,"cover":170,"tagline":171},"https:\u002F\u002Fx.ant.design","Ant Design X","ant-design-x","d137be0a-9852-4925-ab5d-f3a55ae63682.webp","Conversational UI component library by Ant Group",{"url":173,"name":174,"slug":175,"cover":176,"tagline":177},"https:\u002F\u002Fimageprompt.org","ImagePrompt","imageprompt","9210d8bd-a879-4683-a60b-193d44cb343c.webp","Free AI image-to-prompt generator",{"url":179,"name":180,"slug":181,"cover":182,"tagline":183},"https:\u002F\u002Ffigma.to.website","Figma to Website","figma-to-website","e81f59a8-7c6e-4600-b377-3a5bdcd5636f.webp","Publish live websites from Figma designs",{"url":185,"name":186,"slug":187,"cover":188,"tagline":189},"https:\u002F\u002Fclipbook.app","Clipbook","clipbook","925fd4fd-3e4c-49dc-a0c5-af653d860315.webp","macOS clipboard history manager",{"url":191,"name":192,"slug":193,"cover":194,"tagline":195},"https:\u002F\u002Fcsshero.org\u002Fmesher","CSS Hero Mesher","css-hero-mesher","c8e938c6-095b-4b0f-b2b4-e24a18bec17d.webp","Create beautiful mesh gradient backgrounds with CSS",{"url":197,"name":198,"slug":199,"cover":200,"tagline":201},"https:\u002F\u002Fblazy.studio\u002Fapp","Blazy Studio","blazy-studio","ec2cfd45-1569-4a57-979c-7c79d107b6a3.webp","Turn Figma prototypes into video animations",{"url":203,"name":204,"slug":205,"cover":206,"tagline":207},"https:\u002F\u002Femojis.alexandru.so","AI Emojis","ai-emojis","f80c09f5-50e2-4b68-afc2-e28b071722df.webp","Generate unique emojis with artificial intelligence",{"url":209,"name":210,"slug":211,"cover":212,"tagline":213},"https:\u002F\u002Folivia-tsui.github.io\u002Fct","Color Scale Tool","color-scale-tool","961aa9d6-73c4-4634-9060-b26dd258a61b.webp","Generate light and dark color scales interactively",{"url":215,"name":216,"slug":217,"cover":218,"tagline":219},"https:\u002F\u002Flogggos.club","LOGGGOS","logggos","199a12ef-e241-4274-9dd1-f9ad11228f2d.webp","Curated logo design inspiration gallery",[221,234,251],{"url":222,"icon":9,"name":223,"slug":224,"tags":225,"cover":231,"tagline":232,"is_featured":3,"date_created":233,"date_updated":9},"https:\u002F\u002Flinear.app","Linear","linear-app",[226,228,229,230],{"seo":9,"name":9,"slug":227},"collaboration",{"seo":9,"name":9,"slug":76},{"seo":9,"name":65,"slug":66},{"seo":9,"name":9,"slug":80},"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":235,"icon":9,"name":236,"slug":237,"tags":238,"cover":248,"tagline":249,"is_featured":3,"date_created":250,"date_updated":9},"https:\u002F\u002Fwww.gimp.org","GIMP","gimp",[239,240,243,244,246],{"seo":9,"name":47,"slug":31},{"seo":9,"name":241,"slug":242},"Open Source","open-source",{"seo":9,"name":9,"slug":70},{"seo":9,"name":9,"slug":245},"svg",{"seo":9,"name":9,"slug":247},"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":252,"icon":9,"name":253,"slug":254,"tags":255,"cover":261,"tagline":262,"is_featured":3,"date_created":263,"date_updated":9},"https:\u002F\u002Fbalsamiq.com","Balsamiq","balsamiq",[256,258,259,260],{"seo":9,"name":9,"slug":257},"wireframe",{"seo":9,"name":9,"slug":76},{"seo":9,"name":9,"slug":227},{"seo":9,"name":65,"slug":66},"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"]