[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"blog-categories-en-US":3,"categories-en-US":3,"resource-sip-en-US":4,"featured-sidebar-data-en-US":3,"latest-resources-en-US":47,"alternatives-sip-en-US":123,"related-resources-sip-en-US":184},true,{"id":5,"name":6,"slug":7,"url":8,"date_updated":9,"images_other":10,"tagline":11,"description":12,"seo":13,"features":16,"pros":22,"cons":26,"best_for":29,"cover":30,"icon":31,"pricing":32,"platform":10,"github_url":10,"twitter_url":10,"discord_url":10,"dribbble_url":10,"pricing_tiers":33,"views_count":34,"featured_rank":10,"categories":35,"tags":40,"files":10},193,"Sip","sip","https:\u002F\u002Fsipapp.io\u002F","2025-11-12T01:46:13.015+00:00",null,"A modern color picker and collaboration tool with menubar access, team palette sharing, and contrast checking for design workflows.","Multi-Interface Modes:\nMenubar app (lightweight quick picking)\nMain window (advanced palette management)\nColor dock (edge-screen floating access)\nColor Management:\nHigh-precision screen picking (supports shortcuts and multi-color selection)\nSub-palette organization with color descriptions and custom formats (e.g., team-specific code formats)\nContrast checker (WCAG standards) and color blindness simulation (Protanopia, etc.)\nTeam-shared palettes and custom formats\nSmart profiles (auto-adapts color configurations across environments)",{"title":14,"meta_description":15},"Sip - A modern color picker and collaboration tool with menubar access, team palette sharing, and contrast checking for design workflows. | DesignToolMark","MultiInterface Modes: Menubar app (lightweight quick picking) Main window (advanced palette management) Color dock (edgescreen floating access) Color Managem...",[17,18,19,20,21],"Three interface modes: menubar app, main window, and edge-screen color dock","High-precision screen color picking with keyboard shortcuts","Sub-palette organization with color descriptions and custom tags","Team palette sharing via cloud sync","Built-in contrast checking for accessibility validation",[23,24,25],"Flexible interface adapts to different workflows — from quick pick to deep management","Team sharing makes it a collaboration tool, not just a personal picker","Keyboard shortcuts and sub-palettes boost productivity for power users",[27,28],"Mac-only application, no cross-platform support","Team features require a subscription plan","Design teams on Mac who need a collaborative color management tool with flexible workspace modes.","347e2054-00de-4113-80d7-595be9bef28e.webp","2d688145-5554-4db4-9219-a852ca1cd25e.svg","free",{"free":3},0,[36],{"name":37,"slug":38,"sub_categories":39},"Colors & Palettes","colors-palettes",[],[41,44],{"name":42,"slug":43},"Colors","colors",{"name":45,"slug":46},"Freebie","freebie",[48,70,84,97],{"id":49,"url":50,"icon":10,"name":51,"slug":52,"tags":53,"cover":66,"tagline":67,"is_featured":68,"date_created":69,"date_updated":10},862,"https:\u002F\u002Fdeveloper.apple.com\u002Fdesign\u002Fresources\u002F","Apple Design Resources","apple-design-resources",[54,56,58,60,62,64],{"seo":10,"name":55,"slug":32},"Free",{"seo":10,"name":10,"slug":57},"fonts",{"seo":10,"name":10,"slug":59},"icons",{"seo":10,"name":10,"slug":61},"mockups",{"seo":10,"name":10,"slug":63},"ui-kits",{"seo":10,"name":10,"slug":65},"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":71,"url":72,"icon":10,"name":73,"slug":74,"tags":75,"cover":81,"tagline":82,"is_featured":68,"date_created":83,"date_updated":10},861,"https:\u002F\u002Fferalui.dev\u002Fgradients","FeralUI Gradient Builder","feralui-gradients",[76,77,80],{"seo":10,"name":55,"slug":32},{"seo":10,"name":78,"slug":79},"Open Source","open-source",{"seo":10,"name":10,"slug":43},"7ebaf15a-33a1-4f03-bd92-88ad52b886e5.webp","Playful, physics-driven gradient builder for Tailwind CSS","2026-07-16T01:39:25.742464+00:00",{"id":85,"url":86,"icon":10,"name":87,"slug":88,"tags":89,"cover":94,"tagline":95,"is_featured":68,"date_created":96,"date_updated":10},860,"https:\u002F\u002Fviewport-ui.design\u002F","Viewport UI","viewport-ui",[90,91,92],{"seo":10,"name":55,"slug":32},{"seo":10,"name":10,"slug":63},{"seo":10,"name":10,"slug":93},"inspiration","7a4e7938-e9b1-4f8b-9886-37b683ddd8f6.webp","UI curated experiences for your inspiration","2026-07-07T06:28:48.469215+00:00",{"id":98,"url":99,"icon":10,"name":100,"slug":101,"tags":102,"cover":120,"tagline":121,"is_featured":68,"date_created":122,"date_updated":10},859,"https:\u002F\u002F21st.dev\u002F","21st.dev","21st-dev",[103,106,108,109,112,113,114,116,118],{"seo":10,"name":104,"slug":105},"AI Powered","ai-powered",{"seo":10,"name":10,"slug":107},"ai",{"seo":10,"name":55,"slug":32},{"seo":10,"name":110,"slug":111},"Freemium","freemium",{"seo":10,"name":10,"slug":63},{"seo":10,"name":10,"slug":65},{"seo":10,"name":10,"slug":115},"prototyping",{"seo":10,"name":10,"slug":117},"no-code",{"seo":10,"name":10,"slug":119},"productivity","79e67612-7a6f-45be-a799-e872786fc4ed.webp","Hand-crafted React components and templates — not AI slop","2026-07-07T06:23:36.061553+00:00",[124,130,136,142,148,154,160,166,172,178],{"url":125,"name":126,"slug":127,"cover":128,"tagline":129},"https:\u002F\u002Fproducts.ls.graphics\u002Fmesh-gradients\u002F","Mesh Gradients","mesh-gradients","0d2608a0-618e-4bc3-ab9b-8a4d6fe5316c.webp","A free mesh gradient collection with 100 presets, multi-format downloads, and rainbow\u002Fpastel\u002Fnatural styles.",{"url":131,"name":132,"slug":133,"cover":134,"tagline":135},"https:\u002F\u002Fwww.bairesdev.com\u002Ftools\u002Fai-colors","BairesDev AI Colors","baires-dev-ai-colors","34d5e9b1-07ac-4024-bc4b-46d8c0d02923.webp","BairesDev AI Colors is an online AI-powered color palette generator provided by BairesDev, helping designers quickly create harmonious and creative color combinations.",{"url":137,"name":138,"slug":139,"cover":140,"tagline":141},"https:\u002F\u002Fuicolors.app\u002F","UI Colors","ui-colors","c4a9e356-cab0-4b80-8451-4fbfe6b0cc7a.webp","UI Colors is a free Tailwind CSS color palette generator that creates editable shades from a base color with UI previews and Figma integration for quick design inspiration.",{"url":143,"name":144,"slug":145,"cover":146,"tagline":147},"https:\u002F\u002Fwebgradients.com\u002F","WebGradients","web-gradients","720798ad-a7f0-4007-86a7-e3274cdc108e.webp","A free, open platform for sharing thousands of handcrafted gradients with one-click code copying.",{"url":149,"name":150,"slug":151,"cover":152,"tagline":153},"https:\u002F\u002Fwww.designgradients.com\u002F","Designgradients","designgradients","52ccd74b-aa9d-40f2-9e18-e9c5b63f6433.webp","A free collection of 48 designer-curated linear gradients with HEX values, ideal for digital art backgrounds.",{"url":155,"name":156,"slug":157,"cover":158,"tagline":159},"https:\u002F\u002Fcolorslurp.com\u002F","ColorSlurp","color-slurp","2974c246-584a-445a-a315-cbffa3611f41.webp","A cross-platform color tool suite with precision picking, palette management, contrast checking, and Mac\u002FiOS sync.",{"url":161,"name":162,"slug":163,"cover":164,"tagline":165},"https:\u002F\u002Fcolors.dopely.top\u002F","Dopely Colors","dopely-colors","436c4ab3-dd56-48dc-a52a-2af6cd9274ac.webp","Dopely Colors offers a comprehensive set of online color tools for generating, exploring, and managing color palettes.",{"url":167,"name":168,"slug":169,"cover":170,"tagline":171},"https:\u002F\u002Fmaterialui.co\u002F","Material UI Color Tool","material-ui-color-tool","screenshots\u002Fmaterial-ui-color-tool.webp","Material UI Color Tool provides a Material Design-styled color scheme generation and preview tool.",{"url":173,"name":174,"slug":175,"cover":176,"tagline":177},"https:\u002F\u002Fcolordrop.io\u002F","ColorDrop","color-drop","53ccbec7-41d8-4bc3-b6e9-1229c88b71c6.webp","ColorDrop is a website offering a large collection of curated color palettes and color inspiration.",{"url":179,"name":180,"slug":181,"cover":182,"tagline":183},"https:\u002F\u002Fwww.gradientos.app\u002F","Gradientos","gradientos","167d6ced-3e7a-4475-9daf-d5b45a1a3240.webp","A UI element gradient showcase tool offering curated CSS gradients with live preview on interface components.",[185,197,202],{"url":186,"icon":10,"name":187,"slug":188,"tags":189,"cover":194,"tagline":195,"is_featured":3,"date_created":196,"date_updated":10},"https:\u002F\u002Fcolorhunt.co","Color Hunt","color-hunt",[190,191,192],{"seo":10,"name":10,"slug":43},{"seo":10,"name":55,"slug":32},{"seo":10,"name":10,"slug":193},"gradient","e4a2e456-fabc-4bbf-8729-ecaf1cbfcbb6.webp","A curated collection of beautiful color palettes for designers and artists","2026-06-16T07:14:22.345664+00:00",{"url":72,"icon":10,"name":73,"slug":74,"tags":198,"cover":81,"tagline":82,"is_featured":68,"date_created":83,"date_updated":10},[199,200,201],{"seo":10,"name":55,"slug":32},{"seo":10,"name":78,"slug":79},{"seo":10,"name":10,"slug":43},{"url":203,"icon":10,"name":204,"slug":205,"tags":206,"cover":208,"tagline":209,"is_featured":68,"date_created":210,"date_updated":10},"https:\u002F\u002Folivia-tsui.github.io\u002Fct\u002F","World's Best Scale Tool","worlds-best-scale-tool",[207],{"seo":10,"name":10,"slug":43},"eb5afb81-91ac-496d-96b6-bd870afbc2a8.webp","Advanced color scale and palette generation tool","2026-06-24T04:31:04.697212+00:00"]