The only UI website
you'll ever need

Unstyled highly composable components that you can copy/paste in your own codebase. Built with Tailwind CSS and a bit of Framer Motion. Customize them as you want.

ComponentsGet started

Like Shadcn... but Simplified & Composable

Here is the exact same Card component:


import { clx } from "@/lib/utils/clx/clx-merge";

export const Card = clx.div("rounded-xl border bg-card text-card-foreground shadow p-6");
export const CardHeader = clx.div("flex flex-col space-y-1.5 ");
export const CardTitle = clx.h3("text-2xl font-semibold leading-none tracking-tight");
export const CardContent = clx.div("pt-4");
export const CardFooter = clx.div("flex items-center pt-0");
export const CardText = clx.p("text-muted-foreground");
export const CardDescription = clx.p(CardText, "text-sm");
// └──> 🤯 COMPOSABLE 🤯

Comparisons with popular Libraries

Here is a comparison between Ever UI, Shadcn, Aceternity and Magic UI.

FeaturesEver UIShadcnAceternityMagic UI
CLIIconIconIconIcon
MotionIconIconIconIcon
PrimitivesIconIconIconIcon
IconsIconIconIconIcon
PrimitivesIconIconIconIcon
Ref handlingIconIconIconIcon
ComposabilityIconIconIconIcon
Short syntaxIconIconIconIcon
PricingFreeFreeFreeFree + Paid
Hooks70+000
Components180+50+70+50+
image
image
image
image
image
image
image

Explore +190 components

Explore nowIcon