[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"blog-categories-en-US":3,"categories-en-US":3,"resource-poline-en-US":4,"featured-sidebar-data-en-US":3,"latest-resources-en-US":42,"related-resources-poline":87},true,{"id":5,"name":6,"slug":7,"url":8,"date_updated":9,"images_other":10,"tagline":11,"description":12,"seo":13,"features":15,"pros":20,"cons":23,"best_for":26,"cover":27,"icon":28,"categories":29,"tags":34,"files":10,"pricing":41,"platform":10},173,"Poline","poline","https:\u002F\u002Fmeodai.github.io\u002Fpoline\u002F","2025-11-12T02:07:25.26+00:00",null,"A polar coordinate-based color palette generator that creates harmonious schemes by connecting anchor points, supporting custom position functions and HSL color model.","Anchors: Minimum 2 HSL color points; connecting lines generate intermediate colors\nPolar Line: Lines between anchors determine color distribution\nPosition Functions: Control color transition curves (linear, sinusoidal [default], exponential, etc.)\nnumPoints: Controls color quantity (default 4)\nclosedLoop: Enables seamless palette cycling\nInvert Lightness: Swaps center\u002Fedge brightness values\nColor Output:\nHSL arrays, CSS strings (HSL\u002FLCH\u002FOKLCH formats)\nTechnical Implementation\nLightweight TypeScript library\nSupports dynamic adjustments to anchors, position functions, and hue shifts",{"title":14,"description":11},"Poline - A polar coordinate-based color palette generator that creates harmonious schemes by connecting anchor points, supporting custom position functions and HSL color model. | DesignToolMark",[16,17,18,19],"Ready-made UI components","Figma\u002FSketch\u002FXD formats","Responsive layouts","Customizable design tokens",[21,22],"Color palette generation","Export to CSS\u002Fdesign tools",[24,25],"Limited to color generation only","May require learning curve","Technical Implementation Lightweight TypeScript library Supports dynamic adjustments to anchors, position functions, and hue shifts","579ac455-722f-4fb6-9ecf-d7f75ec0e427.webp","5acd26b1-7f53-4009-a1f4-f1b03f903f7c.svg",[30],{"name":31,"slug":32,"sub_categories":33},"Colors & Palettes","colors-palettes",[],[35,38],{"name":36,"slug":37},"Colors","colors",{"name":39,"slug":40},"Freebie","freebie","free",[43,54,65,76],{"id":44,"url":45,"icon":46,"name":47,"slug":48,"tags":49,"cover":50,"tagline":51,"is_featured":10,"date_created":52,"date_updated":53},270,"https:\u002F\u002Fwww.behance.net\u002F","f6e5ea97-4aa8-441b-a0f4-eee5767de3b8.svg","Behance","behance",[],"bcf198fc-ade1-4690-84c6-d9597aed1884.webp","Behance is the world's leading platform for showcasing and discovering creative work, where designers can share portfolios, find inspiration, and demonstrate creative talent.","2025-10-16T06:46:36.68+00:00","2026-06-13T08:42:29.146+00:00",{"id":55,"url":56,"icon":57,"name":58,"slug":59,"tags":60,"cover":61,"tagline":62,"is_featured":10,"date_created":63,"date_updated":64},277,"https:\u002F\u002Fuxmovement.com\u002F","89e85a3d-da3b-472b-b85d-cc191cccfacd.svg","UX Movement","ux-movement",[],"b4ed07e1-f4f5-4143-b2f8-134e1a5c2d21.webp","UX Movement is a blog focused on User Experience (UX) design, providing in-depth articles that analyze how design choices impact user behavior.","2025-10-16T07:16:37.072+00:00","2026-06-13T08:36:58.995+00:00",{"id":66,"url":67,"icon":68,"name":69,"slug":70,"tags":71,"cover":72,"tagline":73,"is_featured":10,"date_created":74,"date_updated":75},274,"https:\u002F\u002Fmobbin.com\u002F","d73aee25-dc9a-47be-8c49-9384bf12c330.svg","Mobbin","mobbin",[],"27b1b206-f799-4c3e-b8a6-e0bfb77116f6.webp","Mobbin is a leading mobile app design inspiration library, offering a vast collection of real app screenshots to help UI\u002FUX designers discover the latest design trends and patterns.","2025-10-16T06:58:32.277+00:00","2026-06-13T08:35:31.882+00:00",{"id":77,"url":78,"icon":79,"name":80,"slug":81,"tags":82,"cover":83,"tagline":84,"is_featured":10,"date_created":85,"date_updated":86},280,"https:\u002F\u002Fwww.siteinspire.com\u002F","35a6894f-8f00-45fa-bafd-5e05a7e3e570.svg","Siteinspire","siteinspire",[],"d828093b-129d-44bb-b57a-5fea71108299.webp","Siteinspire is a curated web design inspiration gallery, showcasing high-quality website designs to help designers discover trends, styles, and creativity.","2025-10-16T07:56:08.896+00:00","2026-06-13T08:33:18.256+00:00",[88,100,112],{"url":89,"icon":90,"name":91,"slug":92,"tags":93,"cover":96,"tagline":97,"is_featured":10,"date_created":98,"date_updated":99},"https:\u002F\u002Fmaterialui.co\u002F","15324c56-05b1-4716-bbfb-eec368aea396.svg","Material UI Color Tool","material-ui-color-tool",[94,95],{"seo":10,"name":10,"slug":37},{"seo":10,"name":10,"slug":40},"screenshots\u002Fmaterial-ui-color-tool.webp","Material UI Color Tool provides a Material Design-styled color scheme generation and preview tool.","2025-10-18T09:23:35.221+00:00","2026-06-12T06:58:27.97347+00:00",{"url":101,"icon":102,"name":103,"slug":104,"tags":105,"cover":108,"tagline":109,"is_featured":10,"date_created":110,"date_updated":111},"https:\u002F\u002Fgradienthunt.com\u002F","0c9b5e0d-44d8-4596-bd46-46a18300b880.svg","Gradient Hunt","gradient-hunt",[106,107],{"seo":10,"name":10,"slug":37},{"seo":10,"name":10,"slug":40},"screenshots\u002Fgradient-hunt.webp","A free, open platform for sharing thousands of handcrafted gradients with one-click code copying.","2025-10-07T07:14:33.847+00:00","2026-06-12T06:50:15.922637+00:00",{"url":113,"icon":114,"name":115,"slug":116,"tags":117,"cover":120,"tagline":121,"is_featured":10,"date_created":122,"date_updated":123},"https:\u002F\u002Fwww.grabient.com\u002F","4c7061c9-8d32-4925-82ff-dfa4f7515c48.svg","Grabient","grabient",[118,119],{"seo":10,"name":10,"slug":37},{"seo":10,"name":10,"slug":40},"screenshots\u002Fgrabient.webp","A gradient generator and palette finder with theme-based gradient schemes, supporting theme switching and free access.","2025-10-07T07:03:11.565+00:00","2026-06-12T06:50:02.78501+00:00"]