dev-resources.site
for different kinds of informations.
Free ChatGPT AI Message Component (Shadcn UI + Tailwind CSS)
Published at
9/3/2024
Categories
showdev
webdev
tailwindcss
react
Author
Fredy Andrei
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:
Articles
12 articles in total
Top 5+ Free AI Website Builders for 2025 ⚡️
read article
Best 5+ Free AI Website Builders for 2024 ⚡️
read article
I made an AI Website Builder that generates websites from a single prompt ⚡️
read article
Top 5+ Free Tailwind CSS Component Libraries for 2024
read article
Tutorial: How to create a ReactJS / NextJS Chart component using Shadcn UI
read article
Free ChatGPT AI Message Component (Shadcn UI + Tailwind CSS)
currently reading
Top 5+ Free Shadcn UI & NextJS Boilerplates/Templates for 2024
read article
Top 5+ Best Free AI Humanizers to Humanize AI Texts in 2024
read article
Top 5+ NextJS & ReactJS Boilerplates for 2024
read article
I made a Full-Stack Template for NextJS 14 - Check it out
read article
Open source admin dashboard template for Tailwind CSS & NextJS - Use it for free
read article
Top 5+ ReactJS UI Components Libraries for 2024
read article
Featured ones: