PlanckUi
Overview
My widgets
New widget
Catalog
Sign out
Guest workspace.
Everything works, no email needed. Add one only if you want this workspace saved to it.
Add an email
✕
New widget
Everything here is live and free. Pick one, give it a name, paste the snippet.
Set up: Special · Command search
Type to filter, live.
Widget name
Create widget
Cancel
Testimonials & social proof
Wall of Love
A masonry grid of your best testimonials. The classic trust builder.
Testimonial carousel
A swipeable, snap-scrolling row of testimonial cards.
Testimonial marquee
A slow, endless ticker of short quotes. Pauses on hover.
Testimonial spotlight
One big quote, beautifully set. Rotates through your favorites.
Rating summary
Average score with a star breakdown, computed from real data.
Rating badge strip
A compact one-line trust badge: score, stars, count.
Video testimonial wall
Video testimonials in a tidy grid, loaded lazily.
X / Twitter wall
Curated posts as clean quote cards that open on X.
Google Reviews wall
Your Google reviews, pasted in and displayed beautifully.
Google rating badge
Compact Google score and review count.
Product reviews carousel
Per-product reviews in a snap row.
Case study card
A result-first customer story card.
Customer story spotlight
Long-form story with metrics and quote.
Testimonial comparison table
Before/after outcomes in a table.
As-seen-in press logos
A quiet row of media logos.
NPS score card
Promoter score with trend, in one card.
Audio testimonial player
Voice notes as playable quote cards.
UGC photo wall
Customer photos with captions and credit.
Live activity feed
Recent signups, reviews and purchases.
Rating highlights card
Most-quoted phrases from your reviews.
Collection & forms
Testimonial collection form
Collect text, star ratings and video testimonials. Standalone page or embedded.
Star + comment form
The short version: a rating and a sentence. Higher response rates.
Video recorder widget
A camera-first recorder you can drop anywhere.
NPS survey
The one-question loyalty survey.
Side feedback tab
A quiet tab pinned to the viewport edge.
Contact form
A contact form with a spam-proof backend.
Newsletter signup
Email capture that notifies you instantly.
Multi-question survey
Short surveys with progress.
Poll widget
One-click polls with live results.
Quiz widget
Scored quizzes for lead capture.
Feature request board
Public requests with submissions.
Bug report widget
Bug reports straight from your users.
RSVP form
Event RSVPs with plus-ones.
Booking request form
Request-a-slot form with confirmations.
Social feeds
Instagram grid feed
Your posts as a clean grid of cards that open on Instagram.
Instagram carousel post
A single post, embedded as a rich card.
TikTok feed
Vertical video cards that open on TikTok.
YouTube video grid
Real YouTube embeds in a responsive grid.
YouTube Shorts row
A horizontal shelf of Shorts, playable inline.
X profile feed
A profile card that opens your timeline on X.
LinkedIn posts wall
Professional posts as cards that open on LinkedIn.
Facebook page feed
Page updates as cards that open on Facebook.
Pinterest board
Pins as a masonry card grid.
Threads feed
Threads posts as a quiet card list.
Reddit posts
Posts from any subreddit, embedded as cards.
Bluesky feed
A Bluesky timeline as clean cards.
Discord server card
Member count and invite in one card.
Twitch status card
A live Twitch player embedded right on your page.
Spotify playlist card
A real Spotify player for any playlist, album or track.
Promotion & conversion
Countdown timer
A ticking countdown to a launch, sale or event.
Evergreen countdown
Per-visitor urgency: each visitor gets their own window, remembered.
Announcement bar
A slim top-of-page bar with a dismiss button.
Email capture popup
A polite, timed email ask — signups land in your inbox.
Exit-intent popup
One last ask before they leave.
Sticky CTA button
A floating call-to-action that follows the reader.
Floating WhatsApp button
Chat with us, floating and friendly.
Live visitor counter
A quiet right-now counter with a configured baseline.
Recent sales toasts
Someone in Berlin just bought…
Goal progress bar
Funding or signup goals, visually.
Coupon reveal widget
Click-to-reveal discount codes.
Spin-to-win wheel
A fair-feeling prize wheel.
Banner rotator
Rotate messages on a timer.
Waitlist counter
People waiting, counted with a quiet count-up.
Media & content
FAQ accordion
Questions and answers in accessible details/summary elements.
Logo carousel
Customer logos drifting slowly in a row.
Image gallery
A responsive grid with captions and a lightbox.
Lightbox gallery
Full-screen image viewing with captions and counter.
Before / after slider
Drag to compare two images, side by side in one frame.
Video player card
A framed video with a caption.
Podcast player
Episode list with inline playback.
Audio player
A quiet single-track player.
PDF viewer
Documents without leaving the page.
Timeline
Company history or roadmap as a line.
Changelog feed
Ship notes, embedded.
Blog posts embed
Latest posts from any RSS feed.
Commerce
Pricing table
Up to three plans from plain-text lines. No builder needed.
Product showcase card
One product, framed nicely.
Payment link button
A button that opens any checkout link.
Digital product card
Files, license, download — one card.
Product carousel
Products from any store in a snap row — paste them here, API sync later.
Etsy feed
Listings from your Etsy shop as cards.
Gumroad card
Sell directly with a card that opens your Gumroad checkout.
Donation button
Support-us, without the circus.
Gift card widget
Sell gift cards inline.
Stock availability badge
Honest scarcity, shown quietly.
Course card
Curriculum, price, enroll.
Info & local business
Link in bio page
A whole landing page of links from a few text lines.
Google Maps card
A map, framed and fast — keyless.
Opening hours
Today's hours, highlighted automatically.
Location + directions
Address with a one-tap route.
Event countdown card
Date, venue, ticking clock.
Event agenda list
Sessions and speakers, in order.
Team grid
Faces, names, roles.
vCard business card
A contact card that saves to phones.
QR code card
Any link as a scannable card.
Wi-Fi share card
Guests scan to join your network.
Weather card
Today's weather, quietly — live data, no API key.
World clock
Your team's cities at a glance.
Profiles & stats
GitHub repo card
Stars, forks, language — live from the GitHub API.
GitHub contributions graph
Your year of shipping, as an image.
Product Hunt card
Rank, upvotes, badge — linked.
App Store rating card
Rating and reviews, live from the iTunes API.
Chrome extension reviews card
Store rating for your extension.
Steam profile card
Games, hours, status — linked.
Strava activity card
Last run or ride, linked.
Goodreads shelf
Currently reading, as a shelf.
Letterboxd recent films
What you watched lately.
Chess.com stats
Rating and record, live from the Chess.com public API.
Duolingo streak
Days practiced, counted on a dot grid.
Now Playing
The track currently on repeat — a real Spotify embed.
Micro-tools
Age calculator
Exact age in years, months and days from a birth date.
Tip calculator
Bill, tip percent, split between friends. One card.
Split bill calculator
Who owes what, including tip, in two inputs.
Sale price calculator
Percent off, done instantly. For shop owners and shoppers.
Percentage calculator
Of what, is what. Both directions.
Date difference calculator
Days between two dates, in every unit.
Loan / mortgage calculator
Monthly payments, total interest.
BMI calculator
Body mass index, explained.
Unit converter
Length, weight and temperature conversions.
Currency converter
Live rates from the ECB via Frankfurter — no key, no cost.
Password generator
Strong passwords, generated locally.
QR code generator
Any link as a downloadable QR.
Color palette generator
Accessible palettes from one color.
JSON formatter
Paste, format, copy.
Markdown preview
Write markdown, see it rendered.
Invoice generator
A clean invoice from simple lines.
Layout & misc
Accordion
Collapsible sections, accessible.
Tabs
Switch content without leaving the page.
Card carousel
Snap-scrolling cards for anything.
Text marquee
A slow ribbon of words.
Sticky footer bar
A persistent bottom strip.
Floating action menu
Expanding buttons in a corner.
Multi-step wizard form
Long forms, one step at a time — answers land in your inbox.
Email signature card
A signature block you can copy.
Newsletter archive embed
Past issues, listed.
Awards & badges row
Recognitions, displayed quietly.
Trust badges
Secure, GDPR, money-back — a calm row.
Community & UGC
Instagram story highlight reel
Story highlights as a row of circles.
User video reel row
Customer videos, scrollable.
Review request link card
One link that gathers reviews — with its own QR.
Top reviewers leaderboard
Your loudest fans, ranked.
Community avatar stack
Faces of your community, stacked.
Testimonial QR poster
A printable poster that collects praise.
Celebration kudoboard
Notes for a person or a milestone.
Guestbook wall
Visitors leave a note. Moderated by you.
Utility & badges
Calorie / BMR calculator
Daily energy needs, estimated.
Hours worked calculator
Shift times to payable hours.
Timezone meeting planner
Overlap across cities.
Random picker wheel
Spin to choose a name.
Reading time badge
Minutes to read, computed.
Link preview card
A rich card for any URL.
Screenshot placeholder generator
Placeholder images, sized.
Favicon preview card
See your favicon in context.
Uptime badge
A small badge that says we're up.
Status page embed
System status without the $99/mo.
Pretty Progress — premium collection
Pretty · Event countdown
A dark, calm countdown card with a mint progress ring.
Pretty · Birthday countdown
The reference card: name, days and hours, mint ring.
Pretty · Launch dots
Countdown as a dot grid filling toward launch day.
Pretty · Deadline fill
Rising fill shows how much of the deadline is gone.
Pretty · Exam countdown
Study time left, on a quiet dark ring.
Pretty · Wedding dots
Every dot a day, filling toward the day itself.
Pretty · Vacation countdown
Departure day, tracked on a mint ring.
Pretty · New Year countdown
Counts to midnight, January 1st. Sets itself.
Pretty · Payday fill
A rising fill toward payday — any day you pick.
Pretty · Hours countdown
Small countdown for the same-day stuff.
Pretty · Progress ring
One number, one ring, zero clutter.
Pretty · Progress dots
Your percentage as a satisfying dot grid.
Pretty · Progress fill
A rising panel with the big percentage.
Pretty · Segment bar
Twenty segments, one honest number.
Pretty · Gauge
A half-circle gauge for anything measurable.
Pretty · Year progress
Live: how much of the year is already gone.
Pretty · Month progress
The month burning down, live.
Pretty · Week progress
Monday to Sunday, as a percentage.
Pretty · Day progress
How much of today is left, live.
Pretty · Step counter
Steps toward a daily goal — tap to add, saved locally.
Pretty · Habit tracker
Thirty-five dots. Tap the days you kept the promise.
Pretty · Water tracker
Eight glasses. Tap as you drink.
Pretty · Mini checklist
Up to six things. Tap them done.
Pretty · Focus timer
A start/pause focus ring for deep work.
Pretty · Stopwatch
Start, stop, reset. Precise to a tenth.
Pretty · Savings goal
A ring that fills as the number grows.
Pretty · Reading progress
Pages read, dots filled, +10 pages button.
Pretty · Workout tracker
Sessions done this cycle, one tap each.
Pretty · Streak
The number that keeps you honest, with a +1.
Pretty · Mood of the day
Pick a mood. It stays on this device.
Pretty · Budget burn
Spent versus budget, with a rising fill.
Pretty · Weight goal
From, current, target — nudge it daily.
Pretty · Fundraiser
Raised, goal, backers — with a rising fill.
Pretty · Life in weeks
Every dot one week. Persuasive little grid.
Pretty · Two-option vote
Pick a side — animated rings, one vote per visitor.
Aurora — modern analytics, premium & free
Aurora · Monthly Balance
The anchor analytics card: lime sparkline, stats, pulsing endpoint.
Aurora · Revenue Pulse
Drag the slider and watch the revenue sparkline morph. Violet.
Aurora · Uptime Grid
91 days of uptime as a tap-to-explore status wall. Sky.
Aurora · Energy Mix
Animated donut of solar, wind and grid. Switch day, week, month. Amber.
Aurora · Ticker
Simulated market chart with timeframes and refresh. Fuchsia.
Aurora · Sleep Arc
Your night as a glowing arc under twinkling stars. Indigo.
Special — the 21st.dev-inspired collection
Special · Hero banner
A tight mini hero: headline, sub, two CTAs.
Special · Feature grid
Four reasons, two by two, from plain lines.
Special · Integrations
Connect buttons with real brand marks.
Special · Stat strip
Three numbers that count up on view.
Special · CTA banner
One message, one accent, two buttons.
Special · Single testimonial
Stars, quote, face. The classic.
Special · Newsletter block
Email capture with a memory.
Special · Cookie bar
Accepts, remembers, disappears.
Special · Notification stack
Dismissible cards with slide-out.
Special · App download
QR plus two store buttons.
Special · Roadmap
Now, Next, Later — three cards.
Special · Mini kanban
Tap cards to move them across the board.
Special · Mini calendar
This month, today ringed, tap to pick.
Special · Sortable table
Click a header to sort the rows.
Special · Command search
Type to filter, live.
Special · Onboarding steps
Step dots with Back and Next.
Special · File uploader
Drop-zone styling, tap to add.
Special · Pricing card
Monthly and yearly toggle on one plan.
Special · Avatar group
Five faces that lift on hover.
Special · Social row
Brand icon buttons that glow.
Special · Countdown strip
A slim hours-minutes-seconds strip.
Special · Quote wall
Three short quotes, masonry style.
Special · Filter chips
Multi-select chips with a live count.
Special · Setup checklist
Check circles with a progress count.
Special · Profile card
Avatar, bio, and a follow toggle.
Special · Live search
Filters its list as you type.
Special · Process stepper
Tappable process pills.
Special · Toast styles
Three buttons, three toasts.
Special · Trust badges
Six reasons, pill shaped.
Special · Logo marquee
Names drifting in an endless loop.
Special · Feature tour
Apple-style hotspot tour: pill features, one expanded, synced visual panel.
Special · Gradient menu
A nav pill with a gliding gradient indicator.
Special · Sign-in card
Email and password with show/hide, social buttons and validation.
Special · Pricing section
Three tiers with a monthly and yearly toggle and a popular badge.
Platforms — real brands, real logos
Google sign-in
Clean white Google auth with the real G mark.
Apple sign-in
Dark glass Apple ID card with glowing mark.
GitHub sign-in
Octocat dark card for developer sign-in.
X sign-in
Black post card that opens on X.
Microsoft auth
Four-squares Microsoft auth card.
Slack login
Aubergine Slack workspace login.
Discord login
Blurple welcome-back card.
Spotify login
Black and green music login.
Notion sign-in
Minimal white Notion card.
Linear login
Dark violet product login.
Stripe dashboard
Striped fintech sign-in card.
Twitch login
Purple streaming login card.
X post
A post card that opens on X.
LinkedIn post
Professional post card.
Reddit post
Community post card.
Threads post
Short-form Threads card.
Facebook post
Blue social post card.
Instagram post
Visual-first post with photo.
TikTok post
Short-video post card.
Pinterest pin
Save-worthy pin card.
WhatsApp chat
Green chat with online state.
Telegram channel
Channel card with subscriber count.
Messenger card
Chat preview with typing state.
Slack message
Workspace message card.
Discord embed
Announcement embed for servers.
Zoom meeting
Meeting card with join button.
Notion page
Page card with share state.
Figma file
Design file with collaborators.
Gmail email
Inbox row with sender and snippet.
Google Docs card
Live doc card with editors.
Drive meter
Storage bar at 62 percent.
Dropbox file
Synced file card.
Trello board
Board card with lists.
GitHub PR card
PR card with green checks.
Stripe payment
Fintech payment card, Stripe-styled.
PayPal checkout
Classic PayPal button card.
Venmo send
Peer-to-peer payment card.
MetaMask connect
Wallet connect on Ethereum.
Shopify order
Order status with tracking.
Airbnb listing
Stay card with rating and price.
Uber ride
Driver-arriving trip card.
Order tracker
Shipment progress with steps.
Steam game card
Store card for PC gaming.
Play Store app card
Install card with rating.
Product Hunt launch
Launch card with upvotes.
WhatsApp CTA
Green click-to-chat card with live pulse.
Instagram grid
3x3 latest posts with like counts.
YouTube card
Video card with thumbnail and play state.
Telegram chat
Group chat bubbles with member count.
LinkedIn profile
Banner profile card with follow button.
Weather — the Apple-style collection
Weather · Current
Apple Weather hero: thin display temp over a sky gradient.
Weather · Hourly
Scrollable hour strip with SF-style glyphs. Now highlighted.
Weather · 10-Day
Rows with the gradient temperature range bars.
Weather · Conditions
UV, feels like, humidity and wind as frosted tiles.
Weather · Sun Path
Daylight arc with the sun exactly where it belongs.
Mac — docks & desktop, Apple-style
Mac · The Dock
Vibrancy glass dock with hover magnification and running dots.
Mac · Connected Dock
CoolDock-style: app tiles beside live GitHub, Linear and Stripe tiles.
Mac · Menu Bar
The menu bar with an open connected-workspace status menu.
Mac · Control Center
Toggles, brightness and sound sliders, now playing.
Mac · Spotlight
Command palette with calculator, apps and files.
Mac · Launchpad
Blurred backdrop app grid with search and page dots.
Mac · Now Playing
Album art, progress and transport controls in glass.
Mac · This Mac
CPU, memory, disk and battery gauges in a glass tile.
Mac · Today
Today's schedule with colored event bars.
Mac · Shelf
A drop zone for files you are using right now.