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.

Visit website (opens in a new tab)Read docs (opens in a new tab)
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

Related resources

  • Magic UI
    Preview of Magic UI

    Magic UI

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

    Component libraryOpen sourceexcellent agent friendliness
  • Motion-Primitives
    Preview of Motion-Primitives

    Motion-Primitives

    Tasteful animated components for React, built with Motion.

    Component libraryFreeOpen sourceexcellent agent friendliness
    Staff pick
  • Spline
    Preview of Spline

    Spline

    Design 3D scenes in the browser and drop them into a site as a component.

    Toolgood agent friendliness
  • Liquid Logo
    Preview of Liquid Logo

    Liquid Logo

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

    ToolFreegood agent friendliness
    Staff pick