DEV Community

Cover image for Free ChatGPT AI Message Component (Shadcn UI + Tailwind CSS)
Fredy Andrei
Fredy Andrei

Posted on

Free ChatGPT AI Message Component (Shadcn UI + Tailwind CSS)

Hello, devs!

Since AI is on the rise, my friend and I decided to make some Tailwind components for people making AI-related projects or working for AI companies. I used the Shadcn UI Tailwind + Horizon UI theme, and the component project is open-source:

Live demo: horizon-ui.com/shadcn-nextjs-boilerplate/
Download for Free from Github: github.com/horizon-ui/shadcn-nextjs-boilerplate/blob/main/components/MessageBoxChat.tsx
Presentation: horizon-ui.com/shadcn-ui

Here is an example of a ChatGPT message card box component:

Free ChatGPT AI Message box Component from Horizon AI Boilerplate

Top comments (2)

Collapse
 
rarestoma profile image
Toma Rares

looks good!

Collapse
 
vldmihalache profile image
Vlad Mihalache - vbz™

I think shadcn is best suited for AI apps. Good choice, good tool and very well made🙌🏽