PaceUI
@paceui.bsky.social
Animated components and design blocks crafted for smooth interaction and rich detail.
Pinned
PaceUI
@paceui.bsky.social
· Sep 24
We have officially completed the migration to Fumadocs.
Take a look at the new component view and let us know what you think. More components are on the way.
PaceUI Components: ui.paceui.com
Take a look at the new component view and let us know what you think. More components are on the way.
PaceUI Components: ui.paceui.com
We have officially completed the migration to Fumadocs.
Take a look at the new component view and let us know what you think. More components are on the way.
PaceUI Components: ui.paceui.com
Take a look at the new component view and let us know what you think. More components are on the way.
PaceUI Components: ui.paceui.com
September 24, 2025 at 1:49 PM
We have officially completed the migration to Fumadocs.
Take a look at the new component view and let us know what you think. More components are on the way.
PaceUI Components: ui.paceui.com
Take a look at the new component view and let us know what you think. More components are on the way.
PaceUI Components: ui.paceui.com
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
You can easily add it to your project using shadcn namespaces.
Live Preview: ui.paceui.com
September 10, 2025 at 1:32 PM
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
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
Huge thanks to shadcn for the UI and CLI magic that made this happen!
Preview: ui.paceui.com
September 3, 2025 at 1:31 PM
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
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.
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.
August 11, 2025 at 1:07 PM
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.
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!
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!
July 21, 2025 at 1:22 PM
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!
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
Add your own modals and toggle descriptions or capabilities to match your workflow perfectly.
Add it to your project quickly using the shadcn CLI
July 17, 2025 at 1:30 PM
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
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?
Add it to your project in seconds with shadcn CLI using just one command.
Want dark mode as well?
July 10, 2025 at 1:55 PM
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?
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 👇
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 👇
July 8, 2025 at 1:55 PM
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 👇
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?
Which hero section style gives your product the perfect first impression?
July 3, 2025 at 8:29 AM
Vertical or horizontal
Which hero section style gives your product the perfect first impression?
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.
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.
July 1, 2025 at 1:51 PM
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.
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.
Add it to any React project with one shadcn cli command.
June 30, 2025 at 1:32 PM
How about a minimal pricing block with smooth transitions and clean design?
Add it to any React project with one shadcn cli command.
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.
Add it using the shadcn CLI and display live star count with just one line of code.
Simple, quick, and built for visibility.
June 27, 2025 at 1:31 PM
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.
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.
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.
June 26, 2025 at 1:41 PM
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.
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!
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!
June 24, 2025 at 1:09 PM
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!
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?
Huge thanks to
@shadcn.com for the cli
@gsap-greensock.bsky.social for the animation library
Which loading effect would you create first?
June 23, 2025 at 1:29 PM
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?
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
Huge thanks to
- @shadcn.com for the cli
- @gsap-greensock.bsky.social for the animation library
- Adrien Griveau for the component inspiration
June 21, 2025 at 4:03 AM
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
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
You can add it to your React projects with one simple command
June 19, 2025 at 1:47 PM
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
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
Big thanks to shadcn
Command: npx shadcn@latest migrate radix
June 16, 2025 at 1:00 PM
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
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
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
June 13, 2025 at 1:24 PM
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
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
Thanks to the navigation buttons inspired by @shadcn.com
June 12, 2025 at 5:07 AM
You can quickly preview all components on paceui.com
Thanks to the navigation buttons inspired by @shadcn.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?
Liquid cursor with glass effect fits modern fluid layouts
Add it to your site with shadcn CLI
Would you use this on your homepage?
June 10, 2025 at 5:48 AM
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?
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
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
June 9, 2025 at 12:29 PM
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
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?
- 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?
June 2, 2025 at 6:21 AM
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?
- 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
Which animated section would you love to see next at paceui.com
May 29, 2025 at 1:47 PM
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
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.
I’ve been working on something fresh and practical for designers and developers. Dropping next week.
May 27, 2025 at 1:28 PM
Guess what’s coming to paceui.com
I’ve been working on something fresh and practical for designers and developers. Dropping next week.
I’ve been working on something fresh and practical for designers and developers. Dropping next week.