DEV Community

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

Posted on

13 3 3 3 3

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🙌🏽

Image of Docusign

🛠️ Bring your solution into Docusign. Reach over 1.6M customers.

Docusign is now extensible. Overcome challenges with disconnected products and inaccessible data by bringing your solutions into Docusign and publishing to 1.6M customers in the App Center.

Learn more