Changelog111 updates
Updates, additions and improvements to Aceternity UI. From latest components and templates to improvements and bug fixes.
Last update
November 20264 updates
Liquid Carousel is an image carousel where every slide is a sheet of liquid. Click next or swipe, and the slide ripples, pulls off the card and drips away to show the next one.
Burn Carousel burns each slide away instead. A charred hole spreads from where you click, flakes of ash drift off, and the next photo shows through.
Pixel Prompt Button is a pill made of tiny pixels that light up under your cursor. Press it and it writes a prompt, copies it for you, and shows a check.
New AI visibility landing page. It pitches a tool that gets brands named in AI answers, with a dashboard that plays out a real check, in light and dark.
Direction Aware Selection turns an intro line into layers you can select, like in a design tool. A frame with a live size tag slides to each name, and the logo fills with color from the side you came in.
October 202611 updates
Image Wave puts any image on a thin 3D slab that a slow wave rolls through, with light running along the crests. Drag it to turn it and see its edge and back; it keeps turning and settles back.
Fluid Notch is a small dark notch that opens into a card and asks one question at a time. Use it for an assistant, a review queue, or any prompt that needs a quick yes or no.
Paper Plane Send prints your note on a sheet, folds it into a paper plane and flies it into the Send button. It turns a plain contact or feedback form into a small moment people remember.
Paper Plane Globe prints your postcard as you type, folds it into a paper plane and circles it around a globe on a glowing trail. It lands on the destination, where a pin pops up to say it arrived.
Interactions is a new category: small pieces of motion you drop into a website to make it feel alive. A slider that bends when you drag it. A counter that blurs with speed. A waitlist field that splits like liquid.
Every interaction has a live preview with controls, so you can tune it before you copy it. Install with the shadcn CLI, through MCP, or copy a ready-made prompt for your AI tool. Interactions come with All-Access.
We are launching with ten.
Compare Slider shows two images side by side. Drag the divider and it bends, the image smears a little, and dots fly off it.
Gooey Waitlist is a "Join the waitlist" button that splits like liquid into an email field and a submit button. Letters rise into place as you type, and a wrong email makes it shake.
Speed Counter races its digits to a new number and blurs them with speed. Prices, percentages and big numbers in any locale come out right.
Disintegrating Gallery is an endless strip of images. They break into small squares at the edges of the screen and come back together as they scroll in.
Infinite Card Grid is a grid of cards you can drag in any direction, forever. Click a card and it flies to the center with its details.
Hover Image Links is a list of links that shows an image under your cursor when you hover one. The image follows you and tilts as you move.
Gravity Trail drops images from your cursor as you move it. They fall off the screen, so a quick swipe looks like a handful of photos thrown in the air.
Grid Zoom Image breaks a photo into a grid near your cursor and zooms into each piece. Move faster and the effect spreads wider.
Image Particles turns any image or logo into colored dots that scatter from your cursor and settle back. Upload your own logo and see it in seconds.
Matrix Trail is a quiet field of characters with thin lines raining down it. Move your cursor over it and the characters light up behind you, then fade away.
New pro block: Signup With Guide Lines. A clean signup page where people can join with GitHub in one click or make an account with their email.
New free component: Liquid Glass. Put it behind a navbar, a tab bar or a button and the content under it bends through the rim like real glass.
New product landing page. It looks like a design file, with selection frames you can hover and a small working canvas in the hero, in light and dark.
New hero with logo ticker and workspace, for video and recording tools. A logo ticker runs beside the headline, and a full app workspace below plays clips in the center.
New free component: Background Cubes Grid. Drop a field of cubes behind your hero and it ripples wherever the cursor goes. Pick a flat isometric look or a tilted 3D one.
New morphing hero section, made for streaming and video tools. Your platforms pop into the headline, and a live studio below switches layouts while chat rolls in.
New inference landing page. A dark page for an AI infrastructure product, with a workflow canvas you can drag around and a live map of where requests land.
New ribbon gradient shader. A slow band of color runs behind an issue table, for product launches that want some color without burying the UI.
September 202610 updates
New hero with fluid gradient and planner. A prompt box sits on a slow blue gradient, with a logo strip below, for AI products where the first thing a visitor does is type.
New meeting notes landing page. A full page for a Mac notes app, with a hero that lets you click through the product and small animations on every feature.
Five sections from it also ship as blocks with their own copy: minimal hero with huge interactions, feature grid with illustrations and bento, feature grid with motion and tabs, feature grid with minimal illustrations, and about us section with cards. Drop one into any page without the rest.
Pages is a new category next to Components, Blocks and Templates. A page is a full landing page for one product, with every section written for it, from the hero down to the footer. The copy and visuals follow one brand, so the whole page reads as one story.
Each page installs with one shadcn CLI command. The page goes into your app folder and each section is its own component, so you can change the copy, reorder sections or remove the ones you don't need. You can preview the full page and read every file before you install it.
The first page is the SaaS Landing Page, built for a research tool. Pages are included with All-Access.
New hero section with hub. Headline and two pills sit over a tool map around one desk, for a product page that needs to show how notes get filed.
New CTA with right gradient and animation. Copy and two pills sit on the left; a team sits in a ring of logos on a soft wash on the right, for a hiring or product close that is not a flat banner.
New logo cloud with multiple rows. Four rows of logos slide past empty tiles, so the band feels like a live tool grid instead of a packed strip.
New pricing with icons in the pricing pack. Each limit has its own color icon, and the middle plan carries the Popular badge.
The new Image Generation Loader runs a pixel band over an image while it loads. Choose a shimmer, wave, or scale wave, and add a short message directly to the grid.
New tall photo carousel in the testimonials pack. Click a portrait and it grows taller so the quote has room; the arrows slide the row so that card stays on the left.
New photo carousel in the testimonials pack. Hover a portrait and the quote comes up on the photo; the arrows just slide the row along.
August 20266 updates
New Chromatic Image component. Use it to give cards, carousels, and campaign images a responsive burst of color and motion.
New Cloud Shader component, a daytime sky with soft clouds drifting across it. Drop it behind a hero when you want the page to feel calm instead of busy.
New Hero With Framed Image And Logos for Hero Sections. Designed by Piyush Goswami.
A split fold with hatch bands, corner frames, and a logo rail. Meant for fund and advisory pages that want a clean, print-like first screen.
New Hero With Dither Shader for Hero Sections. Designed by Piyush Goswami.
Grid rails, scale bands, and a moving dither field behind the product shot. Good for infra and SaaS pages that want a bit more bite than a flat screenshot.
New Features With Square Edges for Feature Sections. Designed by Piyush Goswami.
Three sharp columns with corner marks and AI meeting mockups. Good when you want the product UI front and center, not buried under soft card styling.
New Three Column Features With Image for Feature Sections. Designed by Piyush Goswami.
A clean three-up layout with a pipeline card, lifestyle shot, and CRM timeline. Handy when you want to show what a sales product actually does without drowning the page in copy.
July 20263 updates
New Features With Accordion And Image for Feature Sections.
Split layout: expandable feature list on one side, cinematic image panel on the other. Good when you want to walk through a few product points without dumping everything on the page at once.
New Multi Level Features With Illustrations for Feature Sections. Designed by Piyush Goswami.
Sticky numbered nav with scroll-spy, each feature level paired with its own illustration panel. Built for product pages that need a longer guided walkthrough.
New Design & Development Studio Template for studios that want a clean home for services, projects, and pricing.
A modern, minimal multi-page layout so clients can see what you do without wading through a cluttered portfolio site.
All templates have been upgraded to Next.js 16, Tailwind CSS v4, and motion/react.
Dependencies and project configs were updated across the full catalog — SaaS, marketing, agency, and portfolio. Framer Motion has been replaced with motion/react, and styling now uses Tailwind’s CSS-first configuration.
Download the latest version of any template to get the updated stack.
June 20266 updates
A new Labs block, GTA VI Poster, recreates the game-art reveal with layered images, a soft camera zoom, and a replay button.
You can tune the timing, zoom, depth, background, and logo wipe from the control panel.
A new Labs block, a play/pause button where the two pause bars smoothly morph into a play triangle on click.
You can tweak the size, stroke, color, and the spring right from the control panel.
A new Labs block, the Gooey Dropdown, inspired by aave.com, where the trigger pill stretches and melts into the menu when you open it.
You can tweak the width, spacing, corner radius, and the spring right from the control panel.
A new Labs block inspired by fey.com, where a row of cards fan out on hover or tap while the headline fades between a flat and a gradient fill.
You can tweak how far the cards push apart, the swap speed, and the spring right from the control panel.
Introducing Labs, a home for interactive, editable experiments you can play with right in the browser.
Tweak any block's code live, adjust its values on the fly with the built-in control panel, then drop it into your project with the CLI. Kicking things off are a Wispr Flow text animation and a set of Interface Crafts cards that fan out and expand on click.
Added Notch to the free components.
A floating, configurable notch that pins to the top or bottom of the screen. Pass an array of groups, each with their own options, and the shell smoothly morphs to fit whichever panel is open, calling you back on every selection.
May 20266 updates
New Productized Agency Template for agencies that sell services as products.
A conversion focused, multi-page template to showcase your services, packages and pricing with a clean, professional design that turns visitors into clients.
New logo cloud block: Single Row Logo Cloud.
A slim “trusted by” row that flips between two sets of logos on a timer, so you get movement without taking much room. Handy when you need proof in one line—under a hero or above a footer—and it tightens up nicely on a phone.
Empty States gives you Pro blocks for the dull moment when a list or workspace is still empty—you get clear next steps without a wall of placeholder text.
The set mixes simple paths (cards on a grid, stacked photos) with a swipeable deck when the empty state should feel a little more hands-on.
Added Blog With Categories to the Blog Sections bundle.
Three posts get the full treatment up top; the rest sit in a tighter grid underneath—handy when you’re mixing “what’s new” with a longer archive and want categories visible at a glance.
Added Magnetic Button to the free components.
Wraps any button so it drifts toward the cursor on hover and springs back when you leave, a small touch that makes call-to-actions feel a little more alive.
Added Squiggly Text to the free components.
Wraps a word (or whole headline) in a wobbly SVG filter so it looks hand-drawn and a little restless, good for playful hero copy where plain type feels too tidy.
April 20269 updates
Added CTA With Centered Text to CTA Sections (Pro).
Centered copy and two buttons over a soft grid of product shots, for a mid-page signup or doc link that still feels considered.
Added Contact With Dither Image to Contact Sections (Pro).
A split contact block: dithered landscape and a small testimonial on one side, form on the other. Handy when you want something warmer than a plain form but still easy to wire up.
Added Hero With Chat Input to Hero Sections (Pro).
Big prompt field up front with a simple action bar, plus a row of sample work so the page still feels grounded. Meant for builders or AI products that want the first screen to feel like starting a conversation.
Added Draggable Cards to Illustrations (Pro).
A stack you can flick through one card at a time. The swiped card springs out and cycles to the back so the deck never runs out.
Added Slider Illustration to Illustrations.
Seats-or-tokens copy sits above a draggable track with a floating preview, so people can map tiers right beside the paragraph.
New team section: Team Section With Timeline Cards. It gives you a clean profile grid with status badges, location, and social links so visitors can quickly understand who is on the team.
New navbar: Navbar Dark Shadow. A dark navbar with layered ridge shadows and dropdown mega menus that slide between panels. The Products dropdown opens a 3-column grid with a featured blog post alongside categorized links.
We introduced Team Sections, a new Pro block category for meet-the-team and About pages. The first block is Team Section with Scales, a simple portrait grid with light ruler lines so names and roles stay easy to scan.
We also shipped Team Section with Light Background: soft cards with a dotted line between role and bio so each profile stays easy to read.
Team Section with Small Avatars adds a tight list with tiny photos and hiring or culture buttons when you do not need full-width portraits.
New FREE template Minimalist Portfolio Template for a portfolio that stays out of the way: five pages, simple navigation, and space to swap fonts and colors so your work reads clearly.
Use it when you want a calm, content-first site without extra chrome.
Completely Free and open source.
Added Inline Icon Illustration to Illustrations.
It drops a logo into the headline and draws a dashed branch line into a short stack of perks, so the pitch reads like one connected idea instead of a loose bullet list.
Added a new Hero Section with Dither Background to the hero sections collection.
You get a dithered backdrop, fixed nav, and your headline up front—handy when a glossy photo would feel too plain and you still want a single strong fold.
March 202621 updates
We added Meeting Illustration to Illustrations.
A tight meeting-confirmation card: time callout, sender line, and join or reschedule. Handy when you want scheduling context without building a full mock.
Added Multicolored Features to Feature Sections.
Rows of creator clips on color-tinted cards, with thumbnails you can open in a lightbox—handy when you want recognizable channels in the story instead of another wall of quotes.
We added Dither Features to Feature Sections.
A tabbed feature section with a dithered image backdrop and chat-style skeletons. Click a tab and the title, description, and skeleton swap in.
Added Text Flipping Board to the free components.
A split-flap display you can drop into any page. Pass it a string, and it scrambles through random characters before landing on your message, just like the real thing.
We added Features With Hover And Text Animation to Feature Sections.
It’s for pages where you speak to more than one audience: hover a row and the headline follows, so visitors see who each block is for without wading through extra copy.
New testimonials grid in the testimonials pack. Headline, short intro, and a grid of quotes, with a little extra weight on one card when you want it noticed.
Also added a boxed testimonial marquee: two scrolling rows of logo quotes and avatars when you want social proof that moves without feeling like a carousel.
Added a new Hero Section with Shadow and Scales to the hero sections collection.
It is a full-height hero with a framed image, ruler-style edges, and a nav that collapses on small screens. Use it when you want a polished first screen without a busy layout.
Added Blog With Search Magazine to the Blog Sections bundle.
Built for editorial-style listings: one post gets the cover treatment, the rest live in a searchable card grid—nice when your archive is deep enough that people need to scan and search, not just scroll.
Added CTA Centered Masonry Gallery to the CTA Sections bundle.
Centered headline and button with a masonry strip underneath—works when you want the pitch up front and the proof in photos, without a two-column split.
Added Text Highlight Illustration to the Illustrations bundle.
It’s a tiny story beat: one line gets highlighted while a toolbar pops in above it—handy when you’re selling AI-assisted writing or “select and act” flows without mocking a whole editor.
We added Feature Section With Centered Skeleton to the Feature Sections bundle.
It's for when you want bullet-point story on both sides and a strong visual in the middle—room for a screenshot, campaign art, or a before-and-after style demo without turning the page into a wall of text.
Added Gooey Input to the free components.
It's for when you want a search icon first and the field to ease open afterward, instead of showing a full-width bar up front.
New FAQ block: FAQs With Dashed Lines.
An accordion FAQ component that groups questions into titled sections. Click a question and it expands smoothly while the plus icon rotates into an X. Active items get a subtle shadow and four dashed grid lines that extend beyond the card edges with fade effects.
New logo cloud block: Logo Cloud With Swap Animation.
A logo grid that automatically rotates through your partner logos. Ten logos display in a 5x2 grid, swapping every 3 seconds with smooth horizontal motion. Logos slide in from the right and exit left with a blur effect, each one staggered slightly after the previous for a wave-like transition. Cycles through 20 total logos, letting you showcase more partners than would fit on screen at once.
New footer block: Footer With Big Text.
A comprehensive footer with five link columns covering Pages, Legal, Components, Resources, and Marketing categories. The right section features a logo, description text, and social icons for LinkedIn, Twitter, and Slack with their brand colors.
The signature element is an oversized brand name at the bottom that pulses with animation. A gradient overlay fades the text into the background for added depth. The text scales from 6rem on mobile up to 20rem on desktop. Full dark mode support included, with all colors adapting to the theme.
New illustration block: MacBook Illustration With Icons.
A MacBook with floating AI company icons (Perplexity, OpenAI, Anthropic) that pop out on hover. The lid opens with spring physics while the icons animate upward with staggered timing and slight rotation. Each icon has a card-style shadow and inverts colors in dark mode.
Four new pro blocks today: Box Illustration, Feature With Inline Icons, Pricing With Header and Icons, and Hero Section With Mousemove.
An interactive 3D box with popout cards on hover. Features a Vercel deployment card and testimonial card that animate upward with spring physics. The box uses CSS 3D transforms to create an open-box effect with front lid, back lid, and side flaps. Fully dark mode responsive.
A minimal feature grid with icons placed inline next to text. The layout adapts from 1 column on mobile to 2 on tablet to 3 on desktop. Responsive separators appear between items only—no borders on the outer edges. The separator logic calculates each item's grid position at each breakpoint to show the right combination of horizontal and vertical lines.
A data-driven pricing section with three tiers. Plans are defined in a typed array, making it easy to swap content without touching component structure. The featured plan inverts colors—dark in light mode, light in dark mode—to draw attention. Features can include React nodes for custom formatting like bold text. The CTA button on the featured tier uses a gradient, while others stick to subtle shadows. All shadows adapt to the current theme.
A hero with a Figma-style hover inspector. Hover over any element—headline, paragraph, buttons, or badge—and a blue border appears with a dimension label showing the width and height in pixels. The numbers animate with a sliding digit effect, counting up from zero on each hover.
Behind the content sits a horizontal masonry grid with 5 rows of component screenshots. Each row has a different horizontal offset, and a radial mask fades the images toward the center so they don't compete with the text.
The hover highlight moves smoothly between elements using Framer Motion's layoutId. After 5 seconds without interaction, it fades out. All sub-components use memo to avoid unnecessary re-renders.
New component: Terminal and a new pro block: Feature Section with Terminal.
A Mac-style terminal with typewriter effect and bash syntax highlighting. Commands type out character by character with optional keyboard sounds.
A two-column layout pairing the terminal with expandable feature tabs. Click a tab to see relevant CLI commands typed out in real time. Tabs cover initialization, listing components, adding components, and AI-assisted discovery.
New Grouped Sidebar in the Sidebars bundle.
Collapsible sidebar with expandable navigation groups. Both sidebar state and group expansion persist to localStorage, so everything stays where you left it after page refresh.
Primary links up top, divider, then collapsible groups (Content, Team, Settings) below. Groups open by default. Works on mobile with a slide-out drawer.
New Text Generate Typewriter in the Text Animations bundle.
A typewriter effect with realistic mechanical keyboard sounds. Types words character by character with key down/up audio feedback—each keystroke plays the press sound, then the release sound when the character appears.
Backspace uses press-and-hold behavior: one key-down sound at the start, rapid deletion, then key-up when done. The final word stays on screen with a typed period and blinking cursor. Animation triggers on viewport entry and runs once.
New Simplistic SaaS Template for AI and Agentic startups.
New Feature Section With Vertical Grids added to the Feature Sections bundle.
New Feature Section With Horizontal Skeletons added to the Feature Sections bundle.
Background Grid with Dots - An SVG-based grid pattern background with circular dots at each intersection point. Features customizable grid size, dot radius, and colors with automatic dark mode support. The exported GridWithDots component can be used standalone as a background layer in hero sections, landing pages, and feature cards.
Background Grid with Dots and Animations - An interactive SVG grid background with line distortion and dot movement effects on mouse hover. Lines wave and change color based on cursor proximity, while dots follow their intersecting lines. Performance-optimized with requestAnimationFrame, passive event listeners, and automatic animation pause when idle.
Animated Beam Path Illustration - A glowing gradient beam animation that travels along a dotted SVG path. Features orange-to-red gradient colors with soft glow effects, ideal for illustrating data flow, connections, or progress indicators in feature sections and bento grids.
Multi Illustration Bento - A bento grid layout with 3 feature cards showcasing authentication, SDK availability, and global security. Features a login form skeleton with social auth and testimonial, a dotted world map with animated avatar pins, and a Mac keyboard illustration with hover effects. All cards use composition components with dark mode support.
World Map Illustration - Interactive dotted world map with customizable location pins featuring teardrop-shaped markers and avatar support.
Keyboard Illustration - Compact Mac keyboard with blue hover glow effects and size variants (sm, md, lg, xl) for cards and bento grids.
Simple Login With Grid Lines - Clean login form with decorative dashed grid lines border, subtle input styling, and a dark gradient submit button.
All illustrations feature:
useAnimate hookuseImperativeHandle patternrepeat: Infinity
New free component: Parallax Hero Images - absolutely positioned images with mouse-driven parallax effect for hero sections.
Features include blur fade-in animations, depth-based movement speeds, and two variants: default (middle images closest) and edge-focus (top/bottom images closest). Fully responsive with touch support on mobile.
February 202618 updates
Features With Stacked Isometric Boxes - A two-column feature section with interactive stacked isometric boxes. Features autoplay that cycles through items every 5 seconds, with timer reset on click. The left column displays feature cards with titles and descriptions, while the right column shows stacked isometric boxes with the active one highlighted in blue. Built with Framer Motion for smooth spring animations.
CTA With Masonry Images - A two-column call-to-action block with left-aligned heading, supporting text, and a blue primary button styled like the brand button system. The right side uses a two-column masonry-style image grid with rectangular cards, subtle shadow/ring treatment, and soft edge fading for a polished static presentation.
Premium Auth Split - A full-screen split authentication layout with a live WebGL raymarched shader on the left panel featuring three rotating torus shapes. Right panel has a sign-in form with Google OAuth, email input, and a gradient continue button. Full dark mode support.
New free component: Scales - a repeating line pattern for backgrounds.
Works in three directions: diagonal, horizontal, or vertical. You can change the size and color. There's also a ScalesContainer wrapper if you want to place content on top of it.
Isometric Box - Minimal isometric box illustration with smooth hover animations. Features rounded corners on the top face with sharp structural edges. On hover, the faces animate outward creating an exploded view effect using spring physics.
Features With Isometric Blocks - Feature cards with animated isometric box illustrations. Each card showcases a different animation direction on hover - left, right, or top face movement. Active cards highlight the moving face with a sky-500 stroke color.
Login Signup Minimal - Clean and minimal login form with email and password fields, followed by Google and Apple social login buttons. Features a dashed divider with gradient effect, subtle input styling with ring borders, and full dark mode support.
Pricing Minimal - Clean minimal pricing with three tiers and dashed grid line accents on the featured card. Features a decorative divider with plus icon for additional features, and self-contained mock data for easy customization.
Contact Section With Shader - Two-column contact form with WebGL gradient background and rotating testimonials. Pass your own colors via the colors prop.
Feature Section Bento Skeletons - Bento grid with 4 cards. Each card has an animated skeleton showing the feature in action: messaging, file transfer, team collaboration, and testimonials.
Uptime Status Illustration - Interactive uptime status bar with 45 days of history. Hover over each bar to reveal date, status, and uptime percentage with smooth blur animations. Color-coded for operational, degraded, partial outage, and major outage states.
Rotating Tabs With Text - Stacked notification cards that automatically rotate every 3 seconds. Features spring animations, 3D depth stacking, and full light/dark mode support.
Flipping Images With Bar - Animated image carousel with a scanning bar reveal effect. Images start grayscale and transition to full color as a glowing bar sweeps across with trailing sparkles. Features blur in/out transitions between images.
New component drop: ASCII Art - Transform any image into beautiful ASCII art with customizable charsets and animations.
| Prop | Type | Default | Description |
|---|---|---|---|
src | string | - | Source image URL |
resolution | number | 80 | Number of ASCII columns |
charset | string | "standard" | Charset preset or custom characters |
colored | boolean | false | Use original image colors |
animationStyle | "fade" | "typewriter" | "matrix" | "fade" | Animation effect on reveal |
objectFit | "cover" | "contain" | "fill" | "cover" | How image fits the ASCII grid |
Perfect for creative portfolios, retro-themed sites, or anywhere you want a unique visual effect.
Introducing Explore Mode - a new way to browse and discover components on Aceternity UI.
Explore mode gives you a visual overview of all available components, blocks, and templates in a grid layout. Quickly scan through designs, find inspiration, and jump directly to any component that catches your eye.
Perfect for discovering new components or getting a quick overview of what's available.
New component drop: Canvas Text - An animated text component with colorful curved lines rendered on canvas, clipped to the text shape.
var(--color-blue-500) for colors| Prop | Type | Default | Description |
|---|---|---|---|
text | string | - | The text to display with animated background |
colors | string[] | - | Array of colors for animated lines |
animationDuration | number | 5 | Duration in seconds for one animation cycle |
lineGap | number | 10 | Vertical gap between lines in pixels |
curveIntensity | number | 60 | Intensity of the bezier curve animation |
overlay | boolean | false | Position absolutely for overlay use cases |
Perfect for hero sections, landing pages, or anywhere you want eye-catching animated text effects.
Added a new Features Section With Skeletons block to the feature sections collection.
A three-column features grid with animated skeleton illustrations for each feature. Includes a real-time messaging chat interface, secure file transfer with folder animations, and team collaboration with interactive cursor selections. Full dark mode support.
Introducing a new Illustrations category with four animated blocks for feature sections and landing pages.
Each illustration triggers on scroll using Motion's useInView hook. Full dark mode support included.
Added a new Testimonials With Carousel block to the testimonials collection.
This block shows three testimonials at a time with smooth animated transitions between pages. It includes previous and next controls, staggered entrance animation for cards, and wrap-around pagination for continuous browsing.
Each card includes quote text, avatar, name, and designation with responsive layout and dark mode support.
Added a new Hero Section with Mesh Gradient to the hero sections collection.
A modern hero section featuring a vibrant mesh gradient background created using multiple overlapping radial gradients positioned at different points. The colors blend smoothly to create a dynamic appearance without any hard edges, with CSS blend modes helping create seamless transitions where colors overlap.
Content is centered using flexbox, with large typography for the headline and lighter weight description text styled in contrasting colors for readability against the colorful background. Includes call-to-action buttons for quick user engagement.
Perfect for SaaS landing pages, creative agency sites, modern app launches, and any project that needs a bold, contemporary first impression.
Added a new Hero Section with Tabs to the hero sections collection.
A modern hero section featuring an interactive tabbed browser window preview. Tabs auto-rotate through different content sections with smooth fade and blur animations, showcasing multiple features or pages in a single component.
The hero includes a bold headline, descriptive subtext, dual CTA buttons, and a social proof section with avatars and star ratings. The browser window features macOS-style traffic light buttons and a scrollable tab bar with dividers. Content images animate in with opacity, translation, and blur effects using Framer Motion.
Perfect for SaaS landing pages, portfolio showcases, feature demonstrations, template galleries, and any product that benefits from showing multiple views in an engaging, interactive format.
Added a new Hero Section with Flickering Lights to the hero sections collection.
A cinematic hero section featuring animated light bulbs arranged on a steel grid that flicker to life in a dramatic staggered sequence. Each bulb transitions through off, flickering, and on states with realistic timing, while random bulbs occasionally fuse with spark particle effects before reigniting.
The component includes a bold headline, description text, and CTA buttons that brighten in sync with the grid illumination. Features a 3D-rotated steel grid with perspective transforms for added depth.
Perfect for industrial product launches, creative agency sites, entertainment platforms, and gaming landing pages.
You can now view components, blocks, and templates in full screen mode. Click the maximize icon in the preview toolbar to open a distraction-free view in a new tab.
New component drop: Keyboard - A beautiful Mac-style keyboard with mechanical key sound effects and keystroke preview.
| Prop | Type | Default | Description |
|---|---|---|---|
enableSound | boolean | false | Enable mechanical keyboard sound effects |
showPreview | boolean | false | Show keystroke preview animation above keyboard |
Perfect for landing pages, developer portfolios, or anywhere you want to showcase keyboard interactions.
New component drop: Testimonials Background With Drag.
A super simple panning motion effect for testimonials. Showcases thousands (assumption, infact there are just 15 but repeated), yet focuses on one with panning movements.
Added 3 new Hero Sections to the hero sections collection.
These new hero components feature modern designs with stunning visual effects, perfect for creating impactful landing pages and capturing your visitors' attention right from the start.
The latest addition includes an Infinite Scroll Canvas hero section with an interactive draggable canvas featuring scattered image cards, momentum-based scrolling, and a clean center content area - perfect for showcasing portfolios, galleries, or product showcases.
Added a new Shaders collection - a set of reusable shaders for your backgrounds.
Perfect for adding depth and visual interest to your hero sections, landing pages, and backgrounds.
January 20261 update
Added a new Webcam Pixel Grid component - a real-time webcam pixel grid effect, perfect for pixel art and retro aesthetics.
October 20256 updates
Added a new Bento Grid with Skeletons to the bento grids collection.
Added a new Pricing Page with Featured and Enterprise component to the pricing sections collection.
This pricing page is designed to showcase multiple pricing tiers with a focus on highlighting the featured plan. Includes:
Perfect for SaaS products, platforms, and services that need a comprehensive pricing presentation with emphasis on featured offerings.
Added the new Agenforce Marketing Template. A marketing template designed for various use cases, including AI Agents, Agency, Chatbots and SaaS. Includes delightful micro-interactions and animations.
Agenforce focuses on delivering a modern, minimal and clean design that is tastefully filled with microinteractions to keep your users engaged.
Loved building this template, took a lot of time to design and develop, micro-interactions and animations are my favourite part of the template.
Perfect for AI agent companies, agencies, chatbot services, and SaaS products looking for a professional and engaging web presence.
Added a new Features Grid with Large Skeletons component to the feature sections collection.
This component showcases a modern 3-column grid layout with interactive skeleton cards that feature:
Perfect for showcasing product features, service capabilities, or workflow processes with an engaging and modern interface that emphasizes visual hierarchy and user interaction.
The component includes three distinct skeleton variations:
Built with Tabler Icons and full TypeScript support for seamless integration into any React application.
Added a new logo cloud component collection with beautiful micro interactions and animations.
These components are perfect for showcasing client logos, partners, or trusted brands with smooth animations and modern design patterns.
Added a new hero section component with parallax images with perspective.
Simple and monochromatic, multipurpose and useful for a lot of use cases.
Added a new hero section component with image and scales.
Useful for a modern hero sections with images that require micro interactions.
September 20254 updates
Added a new masonry bento grid with images block into the Bento Grids components and registry
Useful for showcasing brands or products.
Added 4 new navbar blocks into the Navbars components and registry
Simple and effective, covers majority of the use cases.
Added a login form component with gradient using WebGL and Motion for React. Perfect for login pages that want to add some flare to the page without actually having to compromise on the form elements.
Today we bring you a page where you can see all the changes and updates to Aceternity UI Pro.
I'll try my best to keep it up to date with the latest changes and updates.
August 20251 update
Aceternity UI and Aceternity UI Pro now support ShadCN CLI 3.0.
Which means you can now use ShadCN CLI 3.0 to add components to your project.
npx shadcn@latest add @aceternity-pro [component]
Example:
npx shadcn@latest add @aceternity-pro/bento-grid-example-three
Visit the complete documentation here
If you want to use PRO components with the CLI, generate an API KEY in the dashboard and use it with the cli.
July 20251 update
Added the new Nodus Marketing Template. Filled with amazing micro-interactions and animations.
Nodus focuses on bringing out the best part of your product in a minimal and concise manner.
Some of the key features are:
June 20251 update
Added the new minimal portfolio template and bento grids components.
May 20251 update
Now you can view any component in full screen mode. Click on the full screen button in the component preview to view it in full screen mode.
September 20241 update
Improved website speed and User Experience. It is now faster and easier to use.
August 20241 update
Added the first public release with core components and templates. Including 30+ blocks and 7+ templates