How about this AI writer component with a cool title that swaps as the task changes? You can easily add it to your project using shadcn namespaces. Live Preview: ui.paceui.com

Watch your UI come alive with the Swap component! Check out this animated clock showing how easily Swap brings any element to life. Huge thanks to shadcn for the UI and CLI magic that made this happen! Preview: ui.paceui.com

Introducing our new AI suggestion component. Get smart, real-time recommendations to refine and improve your every AI interaction Built with shadcn/ui and CLI for a fast, smooth dev experience.

Introducing the Ability Selector, a smoother, faster way to upgrade your prompt bar and make switching abilities simple. Built with shadcn/ui, it’s ready to drop into your app with just one shadcn CLI command. What should we add next? Tell us your ideas!

Introducing the Modal Selector component for your AI Toolkit. Add your own modals and toggle descriptions or capabilities to match your workflow perfectly. Add it to your project quickly using the shadcn CLI

Say hello to a fresh hero section designed to showcase your tools beautifully. Add it to your project in seconds with shadcn CLI using just one command. Want dark mode as well?

Introducing the Swap component with a sleek hero section that lets you animate elements with ease. Big thanks to shadcn for their CLI that makes adding components simple. Shoutout to Guillermo Rauch and Lee Robinson for the Vercel platform that makes deployment effortless. Preview 👇

Vertical or horizontal Which hero section style gives your product the perfect first impression?

A clean hero section that sets the tone with confidence. Featuring: - Animated hero title - Button with a smooth spring feel - One-click setup via shadcn cli - Trusted by logos to build credibility Polished, simple, and ready to launch.

How about a minimal pricing block with smooth transitions and clean design? Add it to any React project with one shadcn cli command.

Introduce GitHub Star Counter to your open source project with ease. Add it using the shadcn CLI and display live star count with just one line of code. Simple, quick, and built for visibility.

Pulled live stars from shadcn's GitHub and built a smooth animated counter. Works great in dashboards, hero blocks, or stat sections. Rolling out tomorrow on PaceUI. Would love to see how you’d plug this into your own UI.

We just released a fresh and beautiful loader preset inside the builder Made with Flow Builder using custom animations and a clean style you’ll love Big thanks to @shadcn.com, @gsap-greensock.bsky.social for the tools!

Introducing Flow Builder Create your own loading patterns and flows with a simple visual builder Huge thanks to @shadcn.com for the cli @gsap-greensock.bsky.social for the animation library Which loading effect would you create first?

Introducing Dot Flow A smooth animated loading component that adds life to your interface Huge thanks to - @shadcn.com for the cli - @gsap-greensock.bsky.social for the animation library - Adrien Griveau for the component inspiration

Introducing Dot Loader, a minimal and animated loading component that adds a cool touch to your apps. You can add it to your React projects with one simple command

We used a single shadcn command to migrate all radix dependencies and import paths in one go Big thanks to shadcn Command: npx shadcn@latest migrate radix

Introducing glass effect cursor on any object Drop it on your hero image to make your product feel playful and polished Easily adjust blur, glassiness, and size and add it to your project using shadcn cli

You can quickly preview all components on paceui.com Thanks to the navigation buttons inspired by @shadcn.com

Keeping up with trends Liquid cursor with glass effect fits modern fluid layouts Add it to your site with shadcn CLI Would you use this on your homepage?

Just dropped a new hero section with clean animation. Works out of the box for any project via shadcn CLI Should I keep building more like this? - Live Preview: paceui.com/blocks - Inspired by medusajs

Huge updates just dropped for PaceUI: - Stable animated components - v0 link support - Introduced design blocks - Refreshed website You can now add animated components and design blocks to any React project with a single shadcn (@shadcn.com) command. What will you build first?

The animated hero section drops next week along with a few more dynamic sections. Stay tuned. Which animated section would you love to see next at paceui.com

Guess what’s coming to paceui.com I’ve been working on something fresh and practical for designers and developers. Dropping next week.

Feel The Bounces with GSAP and shadcn Copy code (or command) from paceui.com

This week’s creations: - Draw Line Text - Tilt Card - Spring Button - Flip Reveal Big thanks to GSAP and for the magic. Let us know what you think. Explore all components

Introducing the Flip Reveal component with GSAP. Use in product filters, image galleries or anywhere you flip content with style using @shadcn.com CLI.

Animate your text with style Thanks to GSAP and shadcn

Introducing the Tilt Card (Hover) component using GSAP (@gsap-greensock.bsky.social). Drop it into any React project with one shadcn command.

New component: Distort Text with GSAP Add it to any React project in one step using the shadcn command.

Introducing the Fall Text Button made with GSAP. Add it to any React project with a single shadcn command.

Add squash style loading to your project using GSAP and shadcn

Magic starts with GSAP Give your brand a sharp entrance. Add text stroke animation to your loading screen with a single shadcn command.

Like this effect? It’s done with GSAP. Drop it into your any react project with a single @shadcn.com command.

Add GSAP stagger animation to your feature section with one command using @shadcn.com CLI.

Line-by-line reveal React component for dynamic text animations with GSAP. What type of component would you like to see next?

New Scroll Reveal component with fade, slide, zoom, and blur effects. Thanks to @gsap-greensock.bsky.social and @shadcn.com for the tools. Which scroll effect do you reach for most often?

We’ve introduced the GSAP React component, ready to use with @shadcn.com CLI for smooth animations. Thanks to GSAP for making this possible. Great way to add animations to your projects with ease!