Pieces/Editor(56)

Editor pieces from Beste UI, drop-in widgets built with shadcn/ui and Tailwind CSS.

1–24 of 56

Piece	Title	Category	Install
editor56	Integrations List	Editor	`npx shadcn add https://beste.dev/piece/r/editor56`
editor55	Section Settings Sidebar	Editor	`npx shadcn add https://beste.dev/piece/r/editor55`
editor54	Post Settings Drawer	Editor	`npx shadcn add https://beste.dev/piece/r/editor54`
editor53	Image Motion Settings	Editor	`npx shadcn add https://beste.dev/piece/r/editor53`
editor52	Appearance Motion Panel	Editor	`npx shadcn add https://beste.dev/piece/r/editor52`
editor51	Design Set Specimen	Editor	`npx shadcn add https://beste.dev/piece/r/editor51`
editor50	Section Picker Card	Editor	`npx shadcn add https://beste.dev/piece/r/editor50`
editor49	Collab Cursors	Editor	`npx shadcn add https://beste.dev/piece/r/editor49`
editor48	Publish Panel	Editor	`npx shadcn add https://beste.dev/piece/r/editor48`
editor47	Empty Page	Editor	`npx shadcn add https://beste.dev/piece/r/editor47`
editor46	Content Panel	Editor	`npx shadcn add https://beste.dev/piece/r/editor46`
editor45	Build Output	Editor	`npx shadcn add https://beste.dev/piece/r/editor45`
editor44	Whitespace Markers	Editor	`npx shadcn add https://beste.dev/piece/r/editor44`
editor43	Debugger Panel	Editor	`npx shadcn add https://beste.dev/piece/r/editor43`
editor42	Error Lens	Editor	`npx shadcn add https://beste.dev/piece/r/editor42`
editor41	Breakpoint Gutter	Editor	`npx shadcn add https://beste.dev/piece/r/editor41`
editor40	Quick Fix	Editor	`npx shadcn add https://beste.dev/piece/r/editor40`
editor39	Spell Check	Editor	`npx shadcn add https://beste.dev/piece/r/editor39`
editor38	Code Folding	Editor	`npx shadcn add https://beste.dev/piece/r/editor38`
editor37	Keymap List	Editor	`npx shadcn add https://beste.dev/piece/r/editor37`
editor36	Goto Line	Editor	`npx shadcn add https://beste.dev/piece/r/editor36`
editor35	Theme Switcher	Editor	`npx shadcn add https://beste.dev/piece/r/editor35`
editor34	Rename Refactor	Editor	`npx shadcn add https://beste.dev/piece/r/editor34`
editor33	Emoji Picker	Editor	`npx shadcn add https://beste.dev/piece/r/editor33`

Integrations

Google AnalyticsActive

Google Tag ManagerActive

Meta PixelActive

PostHogActive

Feature

Padding96 px

Container7xl

BackgroundBackground

Card bordersPer block

Post SettingsDraft

AuthorNina Simone

Publish Date12 May 2026

Read Time5 min read

hero-photograph.jpg

EntranceBlur in

Scroll effectParallax

StrengthStrong

Appearance

Images

Image entranceBlur in

Scroll effectParallax

Motion

Section animationBlur in

Animation speedSlow

AltairCalm, photographic, serif

Photographs that drift as you scroll

Headings that settle in

Portrait Hero

Tall photograph beside a heading, a short paragraph and a checked benefit list.

Launch notes

The beta opens to the waitlist on Monday.

Support has the new macros ready.

Pricing page copy is locked.

Website URLs

https://beste.co

Domain verified

Unpublished Changes

Your page looks empty

Start by adding your first block.

Feature177 Content

Heading

No tutorials needed.

Description

If you can order food online, you can build a website with Beste.

Build finished

2.4s

1function·greet(name)·{
2→return·`Hello,·${name}!`;
3}

Call stack

renderListlist.tsx:42
Dashboarddashboard.tsx:14
Appapp.tsx:8

const name = user.prfile.name;Property 'prfile' does not exist on type 'User'.

40const users = load();
41for (const user of users) {12×
42  render(user);
43}

const value = user.prfile.name;

Rename to 'profile'Preferred
Add missing property 'prfile'
Disable rule for this line

The implmentation ships on Friday.

implementation
implements
implemented

12function renderChart(data) {
37}

Keybindings

Command palette
⌘+K
Quick open
⌘+P
Toggle terminal
⌃+`
Format document
⌥+⇧+F

Go to line142

of 386

Theme

greetsayHello

greet.ts1
app.tsx4
welcome.tsx2

:fi

:fire:
:finish_line:
:first_place:
:fish: