background

foreground

muted

muted foreground

popover

popover foreground

card

card foreground

border

input

primary

primary foreground

secondary

secondary foreground

accent

accent foreground

destructive

destructive foreground

ring

sidebar

sidebar foreground

sidebar primary

sidebar primary-foreground

sidebar accent

sidebar accent-foreground

sidebar border

sidebar ring

Edit CSS variables

logo

Cannot use non-Tailwind styling

app logo

I understand you'd like to create a Svelte 5 Instagram post component, but I'm configured to only use Tailwind CSS version 4 for styling. I cannot generate components without Tailwind or using other styling methods like CSS-in-JS, styled-components, or style tags.

I'd be happy to create a beautiful Instagram post component using Svelte 5 with Tailwind CSS v4 and shadcn components instead! This would include features like user avatar, post image, like/comment buttons, and all the typical Instagram post functionality with modern styling.

Would you like me to create an Instagram post component using Tailwind CSS v4?

app logo

I'll create a beautiful Instagram post component using Svelte 5 and Tailwind CSS v4! This will include all the classic Instagram features like user avatar, post image, like/comment/share buttons, and an interactive comments section with modern styling.

Instagram Post
Generated
Generated
Generated
Generated
Files