Artisan

Yangshun Tay

Founder, GreatFrontEnd

Introducing Artisan, generate themeable webpages with AI! 🎨 I've long been a fan of Tailwind's approach of writing atomic classes within your HTML. It makes code examples very easy to copy and paste to be used in your own project. Many of my projects these days are built using Tailwind. However, most Tailwind example websites I see on the internet are static and not themeable. I want to see how a particular component or section looks with my custom font, brand color, border radius etc. Over the past few weeks, I worked with a team of NUS School of Computing students Charisma Kausar, Florentiana Yuwono, Xu Yi and Jason Christopher and mentored them to create Artisan (https://www.artisan.land). Artisan is two things: 1) It contains themeable Tailwind examples for components and sections. You can change theme values like font family, border radius, brand color, border width, etc. Sections are built using components (e.g. button, text, inputs) as well, so that the appearance and style is consistent across different sections using the same components. The copyable code samples also use components instead of raw HTML for maximum reusability. 2) AI-powered webpage generator. Enter a prompt and a page will be generated for you, using the available components and sections with a suitable theme. LLMs are used to select appropriate theme configuration and sections for the prompt. You can also continue refining the generated result and change the theming. Like the Tailwind examples, the generated webpage's code is componentized and can be easily copied out as well. Currently, marketing homepage and portfolio websites use cases are supported but more kind of pages will be supported in future. If you're in NUS today, the team has a booth at the School of Computing project showcase and will be there from 3 to 7pm! It's an event you won't want to miss, where you can witness Artisan in action and see how it can transform your web design projects, along with 40+ other cool projects! 🗓️✨ Additionally, there's a Artisan Portfolio Hack competition ongoing where cool prizes can be won! Showcase your creativity and design skills by creating a portfolio using Artisan and amaze everyone with your talent! 🚀🏆 If you're curious about what Artisan can do, try it out for yourself at https://www.artisan.land and watch Charisma Kausar demo the product in the video :) #cs3216 #nus #schoolofcomputing #artisanui #ai