[{"data":1,"prerenderedAt":121},["ShallowReactive",2],{"\u002Farticles\u002Frens-ui-tailwindcss-component-library-with-modern-ui":3,"\u002Farticles\u002Frens-ui-tailwindcss-component-library-with-modern-ui-surroundings":115},{"id":4,"title":5,"author":6,"body":7,"createdAt":95,"description":96,"extension":97,"img":98,"meta":99,"navigation":101,"path":102,"publishedAt":103,"readingTime":104,"seo":109,"stem":110,"tags":111,"updatedAt":95,"__hash__":114},"articles\u002Farticles\u002F4.rens-ui-tailwindcss-component-library-with-modern-ui.md","Rens UI - Tailwind CSS Component Library With Modern UI","Rendi Okriza Putra",{"type":8,"value":9,"toc":89},"minimark",[10,15,19,22,25,28,62,66,69],[11,12,14],"h2",{"id":13},"rens-ui-tailwind-css-component-library-with-modern-ui","Rens UI - Tailwind CSS Component Library With Modern UI.",[16,17,18],"p",{},"Create with modern design and stunning visuals.",[16,20,21],{},"Rens UI is a CSS component library built using Tailwind CSS, providing you with access to a collection of ready-to-use components for developing captivating user interfaces.",[16,23,24],{},"From eye-catching buttons to elegant cards, Rens UI offers a range of options to build responsive and appealing interfaces. Enjoy the benefits of using semantic class names, making code organization and understanding a breeze.",[16,26,27],{},"Develop your web applications quickly and easily using Rens UI, and witness how the stunning design brings your user experience to life. Unleash creativity and innovation with Rens UI - the perfect solution for modern interface development.",[29,30,31,41,48,55],"ul",{},[32,33,34],"li",{},[35,36,40],"a",{"href":37,"rel":38},"https:\u002F\u002Frens-ui.okriiza.my.id\u002F",[39],"nofollow","Official website →",[32,42,43],{},[35,44,47],{"href":45,"rel":46},"https:\u002F\u002Frens-ui.okriiza.my.id\u002Fgetting-started\u002Finstallation",[39],"How to install →",[32,49,50],{},[35,51,54],{"href":52,"rel":53},"https:\u002F\u002Frens-ui.okriiza.my.id\u002Fgetting-started\u002Fusage",[39],"How to used →",[32,56,57],{},[35,58,61],{"href":59,"rel":60},"https:\u002F\u002Frens-ui.okriiza.my.id\u002Felements\u002Faccordion\u002F",[39],"See all components →",[11,63,65],{"id":64},"inspiration-credits","Inspiration & Credits",[16,67,68],{},"Thanks to these following projects for providing the additional dependencies & inspirations that helps us create this project.",[29,70,71,74,77,80,83,86],{},[32,72,73],{},"TailwindCSS",[32,75,76],{},"Nuxt UI",[32,78,79],{},"Ripple UI",[32,81,82],{},"Postcss",[32,84,85],{},"Flowbite",[32,87,88],{},"daisyUI",{"title":90,"searchDepth":91,"depth":91,"links":92},"",2,[93,94],{"id":13,"depth":91,"text":14},{"id":64,"depth":91,"text":65},"August 04, 2023","Rens UI is a CSS component library built using Tailwind CSS, providing you with access to a collection of ready-to-use components for developing captivating user interfaces With semantic class names.","md","\u002Fimage\u002Farticle\u002Frens-ui.png",{"layout":100},"blog",true,"\u002Farticles\u002Frens-ui-tailwindcss-component-library-with-modern-ui","2023-08-04",{"text":105,"minutes":106,"time":107,"words":108},"1 min read",0.71,42600,142,{"title":5,"description":96},"articles\u002F4.rens-ui-tailwindcss-component-library-with-modern-ui",[112,113],"ui","library","uwlP20MWUQJlUE7xcgidY0g9Mt3Olhde4soAKv47nHM",[116,120],{"title":117,"path":118,"stem":119,"children":-1},"Git Commit Guidelines","\u002Farticles\u002Fgit-commit-guidelines","articles\u002F3.git-commit-guidelines",null,1780235711694]