[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"blog-categories-en-US":3,"categories-en-US":3,"resource-preline-en-US":4,"featured-sidebar-data-en-US":3,"latest-resources-en-US":53,"alternatives-preline-en-US":119,"related-resources-preline-en-US":180},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":41,"files":9},742,"Preline","preline","https:\u002F\u002Fpreline.co",null,"Tailwind CSS UI component library for modern web apps","Preline is a comprehensive, open-source UI component library built on Tailwind CSS. It provides over 200 beautifully designed, responsive components including headers, footers, forms, modals, tables, and navigation menus. Each component comes with full dark mode support, RTL compatibility, and clean, well-structured code that is easy to customize and integrate into any Tailwind project.",{"title":13,"meta_description":14},"Preline — Tailwind CSS UI component library for modern web apps","Preline is a comprehensive, opensource UI component library built on Tailwind CSS. It provides over 200 beautifully designed, responsive components including...",[16,17,18,19,20,21],"Over 200 responsive Tailwind CSS UI components","Full dark mode support across all components","RTL (right-to-left) language support included","Clean, customizable code with no framework lock-in","Detailed documentation with live code examples","Regular updates with new components and improvements",[23,24,25],"Completely free and open-source with MIT license","Well-documented with interactive code previews","Dark mode and RTL support out of the box",[27,28],"Requires Tailwind CSS knowledge to customize","No JavaScript framework-specific versions like React or Vue","Best for front-end developers and web designers who use Tailwind CSS and need a free, comprehensive library of responsive, dark-mode-ready UI components.","6eef6163-98a0-43bd-9100-e856485426c9.webp","free",[33],"Web",{"free":3},0,[37],{"name":38,"slug":39,"sub_categories":40},"Design Tools","design-tools",[],[42,44,47,50],{"name":43,"slug":31},"Free",{"name":45,"slug":46},"UI Kits","ui-kits",{"name":48,"slug":49},"Web Design","web-design",{"name":51,"slug":52},"Dark Mode","dark-mode",[54,86,97,107],{"id":55,"url":56,"icon":9,"name":57,"slug":58,"tags":59,"cover":82,"tagline":83,"is_featured":84,"date_created":85,"date_updated":9},858,"https:\u002F\u002Fwww.genspark.ai\u002F","Genspark Design","genspark-design",[60,63,65,68,70,72,74,76,78,80],{"seo":9,"name":61,"slug":62},"AI Powered","ai-powered",{"seo":9,"name":9,"slug":64},"ai",{"seo":9,"name":66,"slug":67},"Freemium","freemium",{"seo":9,"name":9,"slug":69},"free-trial",{"seo":9,"name":9,"slug":71},"image-editing",{"seo":9,"name":9,"slug":73},"video",{"seo":9,"name":9,"slug":75},"animation",{"seo":9,"name":9,"slug":77},"prototyping",{"seo":9,"name":9,"slug":79},"no-code",{"seo":9,"name":9,"slug":81},"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":87,"url":88,"icon":9,"name":89,"slug":90,"tags":91,"cover":94,"tagline":95,"is_featured":84,"date_created":96,"date_updated":9},857,"https:\u002F\u002Folivia-tsui.github.io\u002Fct\u002F","World's Best Scale Tool","worlds-best-scale-tool",[92],{"seo":9,"name":9,"slug":93},"colors","eb5afb81-91ac-496d-96b6-bd870afbc2a8.webp","Advanced color scale and palette generation tool","2026-06-24T04:31:04.697212+00:00",{"id":98,"url":99,"icon":9,"name":100,"slug":101,"tags":102,"cover":104,"tagline":105,"is_featured":84,"date_created":106,"date_updated":9},856,"https:\u002F\u002Fwww.tints.dev\u002F","Tailwind CSS Color Generator","tailwind-css-color-generator",[103],{"seo":9,"name":9,"slug":93},"bd6eba7c-091e-4cfa-83c6-a7f3392e1032.webp","Tailwind CSS 11-color palette generator and API","2026-06-24T04:30:57.92162+00:00",{"id":108,"url":109,"icon":9,"name":110,"slug":111,"tags":112,"cover":116,"tagline":117,"is_featured":84,"date_created":118,"date_updated":9},855,"https:\u002F\u002Fscreensiz.es\u002F","Screensiz.es","screensiz-es",[113,114],{"seo":9,"name":43,"slug":31},{"seo":9,"name":9,"slug":115},"inspiration","b56672d4-1eab-4481-a3f5-4440977fb881.webp","Device screen sizes and viewport reference","2026-06-24T04:30:50.994519+00:00",[120,126,132,138,144,150,156,162,168,174],{"url":121,"name":122,"slug":123,"cover":124,"tagline":125},"https:\u002F\u002Fboardmix.cn","BoardMix","boardmix","12fa7ff9-7192-4172-810f-492b0b4439df.webp","Online collaborative whiteboard for brainstorming and planning",{"url":127,"name":128,"slug":129,"cover":130,"tagline":131},"https:\u002F\u002Fmokker.ai","Mokker","mokker","e5e17125-a64f-4026-9099-3ddc92dcc6c7.webp","AI-powered product photo background generator",{"url":133,"name":134,"slug":135,"cover":136,"tagline":137},"https:\u002F\u002Fmagma.com","Magma","magma","8ab8f9d5-037c-4b96-a726-7586268b47a2.webp","Online collaborative digital painting studio",{"url":139,"name":140,"slug":141,"cover":142,"tagline":143},"https:\u002F\u002Fgoodpalette.io","Goodpalette","goodpalette","1c508913-1ea0-4383-9122-91c1c93faecb.webp","Generate accessible color palettes for UI design",{"url":145,"name":146,"slug":147,"cover":148,"tagline":149},"https:\u002F\u002Fmeshgradient.com","Mesh Gradient","mesh-gradient","de892395-dc05-42ff-83f9-913d028370cc.webp","Create beautiful mesh gradient backgrounds for your designs",{"url":151,"name":152,"slug":153,"cover":154,"tagline":155},"https:\u002F\u002Fwww.format.com","Format","format","23082fc2-127d-4031-8218-47ae3b6c4be3.webp","Beautiful portfolio websites for creatives and professionals",{"url":157,"name":158,"slug":159,"cover":160,"tagline":161},"https:\u002F\u002Fgenerated.photos\u002Fhuman-generator\u002F","Human Generator","human-generator","73ee255c-fae8-4061-b8b4-3b0cd6d07e20.webp","AI-generated diverse human faces and full-body photos",{"url":163,"name":164,"slug":165,"cover":166,"tagline":167},"https:\u002F\u002Fskylum.com\u002Fluminar","Luminar Neo","luminar-neo","d6ad7f90-eae8-4102-9c58-64d943537f6b.webp","AI-powered photo editor for breathtaking results",{"url":169,"name":170,"slug":171,"cover":172,"tagline":173},"https:\u002F\u002Fblobanimation.com","Blob Animation","blob-animation","3a3d07bf-af7e-49fb-a183-4c07ed59b375.webp","Create organic SVG blob shapes with smooth animations",{"url":175,"name":176,"slug":177,"cover":178,"tagline":179},"https:\u002F\u002Fartbreeder.com","Artbreeder","artbreeder","570a3c8a-da9f-4a57-a27a-315273335d84.webp","Breed and blend images with genetic AI technology",[181,194,211],{"url":182,"icon":9,"name":183,"slug":184,"tags":185,"cover":191,"tagline":192,"is_featured":3,"date_created":193,"date_updated":9},"https:\u002F\u002Flinear.app","Linear","linear-app",[186,188,189,190],{"seo":9,"name":9,"slug":187},"collaboration",{"seo":9,"name":9,"slug":77},{"seo":9,"name":66,"slug":67},{"seo":9,"name":9,"slug":81},"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":195,"icon":9,"name":196,"slug":197,"tags":198,"cover":208,"tagline":209,"is_featured":3,"date_created":210,"date_updated":9},"https:\u002F\u002Fwww.gimp.org","GIMP","gimp",[199,200,203,204,206],{"seo":9,"name":43,"slug":31},{"seo":9,"name":201,"slug":202},"Open Source","open-source",{"seo":9,"name":9,"slug":71},{"seo":9,"name":9,"slug":205},"svg",{"seo":9,"name":9,"slug":207},"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":212,"icon":9,"name":213,"slug":214,"tags":215,"cover":221,"tagline":222,"is_featured":3,"date_created":223,"date_updated":9},"https:\u002F\u002Fbalsamiq.com","Balsamiq","balsamiq",[216,218,219,220],{"seo":9,"name":9,"slug":217},"wireframe",{"seo":9,"name":9,"slug":77},{"seo":9,"name":9,"slug":187},{"seo":9,"name":66,"slug":67},"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"]