Getting AI to build your React components
September 20, 2023
v0: ‘An AI Tool That’s Effectively Midjourney for React’ — An interesting experiment from Vercel where you can submit prompts like “a pricing page for a SaaS” or “a contact form” and it returns copy-and-paste friendly shadcn/ui + Tailwind CSS code for React apps. It’s in “private alpha” behind a waitlist for now, but you can still take a good look around around other people’s creations and see how it works. Vercel Labs |
Vercel’s CEO Guillermo Rauch 🐦 shared some info on the stack behind v0, noting that it’s a full Vercel-powered stack end-to-end. |
Headless CMS with AI Capabilities, That’s Kontent.ai — What if editors used AI to create the best content and developers fully focused on what they love – the code? Use CLI for maintenance tasks, generate TS types from content to avoid runtime bugs, leverage TypeScript SDKs. That’s Kontent.ai. Wanna try? Kontent.ai |
Next.js 13.5 Released — A less feature packed release for the popular React framework than usual, but if you’re already a user you’ll benefit from much faster HRM (Fast Refresh) and local server startup, as well as 40% lower memory usage. The Turbopack integration has also been improved. Lai, Neutkens, and Koppers (Vercel) |
🛠 Code and Tools |
Mantine 7.0: The Popular React Component Library — A big release for what is now one of the most popular React component libraries. As of v7, Mantine no longer relies on Emotion and components come with native CSS files, all components now support the system-set color scheme, CSS modules are now the default way to style components, and there are many smaller enhancements too. Mantine Team |
|
🎵 A little musical fun.. |
Arturia: A React-Powered Recreation of a MIDI Controller — A recreation of an Arturia MiniLab 3 MIDI controller, all in the browser, using React and Tailwind CSS. You can click to control almost everything (try changing the instrument patch) or use the keyboard shortcuts that are listed at the bottom (makes it much easier to play some tunes!) A great effort that’s a lot of fun too. GitHub repo. Guilherme Coelho |