Skip to content
don’t make it ugly
All resources

Component libraryComponents, Motion

Aceternity UI

Showy, copy-paste React components for landing pages that need a moment.

Preview of Aceternity UI

What it is

Aceternity UI offers a large set of visually dramatic components: spotlight effects, 3D cards, background beams, animated tabs, hero sections. They are built with React, Tailwind and Motion and are meant to be copied into your project. A paid Pro tier adds templates and larger sections.

Why it’s here

Genuinely impressive effects, and beginners love it for good reason. The risk is overuse. Pick one signature effect for a hero and keep the rest of the page calm.

Best for

  • hero sections
  • landing pages
  • portfolio sites
  • visual impact

Can my agent use this?

Agent good agent friendliness

Mostly. The free components show their full source on the site, and many can be added via the shadcn CLI. Link your agent directly to the component page you want.

Good: Publicly accessible and useful to reference, but the agent will need to interpret it rather than install it.

Access methods

  • Public website
  • Copy/paste
  • CLI

  • Magic UI
    Preview of Magic UI

    Magic UI

    Animated React components and effects for landing pages, built to sit alongside shadcn/ui.

    excellent agent friendlinessComponent libraryOpen source
  • Liquid Logo
    Preview of Liquid Logo

    Liquid Logo

    Drop in your logo and get it back as flowing liquid metal, rendered live with shaders.

    good agent friendlinessToolFreeStaff pick
  • Origin UI
    Preview of Origin UI

    Origin UI

    Hundreds of polished, practical components built on shadcn/ui conventions.

    excellent agent friendlinessComponent libraryFreeOpen sourceStaff pick
  • Tailwind Plus
    Preview of Tailwind Plus

    Tailwind Plus

    The official paid Tailwind component and template catalogue (formerly Tailwind UI).

    limited agent friendlinessComponent library