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.
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.
VAT calculator
Add or remove VAT from any amount, both directions..
Sales tax calculator
Tax and total from a pre-tax price..
Discount calculator
What you save and what you pay..
Compound interest calculator
Future value with monthly, quarterly or yearly compounding..
Simple interest calculator
Interest without compounding, the classic way..
CAGR calculator
Compound annual growth rate between two values..
ROI calculator
Return on investment as profit and percentage..
Profit margin calculator
Margin and profit from revenue and cost..
Markup calculator
Selling price from cost and target margin..
Break-even calculator
Units and revenue needed to cover fixed costs..
Hourly to salary
Annual and monthly pay from an hourly rate..
Salary to hourly
Your real hourly rate from an annual salary..
Savings goal calculator
Monthly savings needed to hit a goal..
Debt payoff calculator
Months and interest to clear a balance..
Inflation calculator
What today's money will cost, and what it'll buy..
Net to gross salary
Gross pay and tax from a net amount..
Subscription cost calculator
True yearly and daily cost of a subscription..
Fuel cost calculator
Liters and cost for any distance..
Electricity cost calculator
What an appliance really costs to run..
Unit price calculator
Compare packs by price per unit and per 100..
Payment split calculator
Split a bill by percentage, not by heads..
Approximate APR
Effective rate from interest, fees and term..
Overtime pay calculator
Regular, overtime and total pay..
Invoice total
Subtotal, tax and grand total..
Future value calculator
Lump sum plus monthly contributions, compounded..
Dice roller
Roll up to ten dice of any size..
Coin flip
A clean two-way decider..
Random number
Any range, uniform pick..
Lottery numbers
Six unique picks from 1–49..
Random picker
One line, one winner..
Team randomizer
Shuffle names into fair teams..
PIN generator
Numeric PINs of any length..
Random color
A hex color with live swatch..
Username generator
Adjective, noun, number — done..
Raffle winner
Animated draw from your entries..
Pomodoro timer
25/5 focus cycles with one tap..
Kitchen timer
Minutes, seconds and a loud Done!.
Metronome
Audio clicks at any tempo..
Breathing exercise
Guided 4-7-8 breathing animation..
Reaction time test
Tap the moment it turns green..
Typing speed test
WPM and accuracy in one sentence..
Work hours calculator
Hours and overtime from start, end and break..
Bedtime calculator
Bedtimes for full sleep cycles..
Live date countdown
A ticking countdown to any day..
Stopwatch
Start, stop and reset, tenths included..
Word of the day
A rare word with its meaning, daily..
Quote of the day
A design classic, daily..
Yes or no decider
Let the widget make the call..
Freelance rate
Hourly rate from a target salary.
Retainer value
Discounted monthly price and effective rate.
Project margin
Margin and profit from bid and cost.
Runway calculator
Months of operation left in the bank.
Burn rate
Monthly spend from start and end balances.
Income per hour
What a session actually paid per hour.
Raise compound
Salary after three consecutive raises.
Contract value
Total value of a monthly contract.
Hours to days
Convert a rate between hour, day and week.
Deposit interest
A year of simple interest on a balance.
Cash flow month
In, out and what sticks.
Profit per unit
Unit economics from price and unit cost.
Markup from price
Margin and markup implied by a price.
Savings interest
A month of interest on a balance.
Weekly burn
Weekly spend from a monthly figure.
Daily spend
The daily cost of a monthly habit.
Yearly cost
The yearly cost of a weekly expense.
Effective hourly
Project pay divided by honest hours.
Flat overtime
Extra pay at a flat overtime rate.
Tip table
Your bill across five tip rates, one glance.
Capital gains
Gain and return between buy and sell.
Dividend yield
Annual dividend against share price.
Expense ratio impact
What a fund's fee costs over the years.
Sinking fund
Save per month for a known future bill.
Stacked discounts
What two discounts in a row really give.
Mortgage overpayment
How much a monthly extra saves overall.
Billable hours target
Hours to sell for the revenue you want.
Project bid
Bid price from cost and target margin.
Day rate to hourly
The hourly rate hiding in a day rate.
Client discount
What a percent off really costs you.
Payment plan
Split an invoice into equal parts.
FIRE number
The pot that funds your spending at 4%.
Mileage reimbursement
Owed amount for business miles.
Commission
Commission on a sale amount.
Raise impact
New salary and the monthly bump.
Rent increase
New rent and the yearly extra.
Late fee
A flat percent fee on an overdue invoice.
Cost per wear
Price divided by honest use.
Wedding cost
Total from guests and per-head cost.
Event cost per head
Budget divided across the guest list.
Moving box estimator
Boxes for a home, from rooms and people.
Paint coverage
Liters of paint for the coats you want.
Wallpaper rolls
Rolls for a wall, with pattern waste.
Tile calculator
Tiles for an area, plus cutting waste.
Room BTU
Heating and cooling size for a room.
Curtain fabric
Fabric length with fullness and hems.
Garden spacing
Plants per row from the spacing rule.
Rainwater collection
Liters collected per year from a roof.
Charcoal calculator
Charcoal for the guests and hours.
Pool volume
Liters in a rectangular pool.
Raised bed soil
Liters of soil to fill a bed.
Mulch coverage
Bags of mulch for a bed depth.
Grass seed
Seed weight for a lawn area.
Fence paint
Paint for both sides of a fence.
Deck boards
Boards across a deck width.
Concrete bags
Bags for a slab.
Gravel coverage
Weight of gravel for a path depth.
Firewood estimate
Stack volume for the heating season.
Dough hydration
Baker's percentage for your dough.
Coffee ratio
Brew strength as a ratio.
Candle wax
Wax for a batch of vessels.
VO2 max estimate
Aerobic fitness from a resting pulse.
Lean body mass
Weight without fat, from body fat %.
Waist-to-hip ratio
A simple health risk ratio.
Max heart rate
220 minus age, with training zones.
Body surface area
Mosteller formula, the clinical standard.
Calorie surplus
Daily target for lean gaining.
Stone ⇄ pounds
UK stones to pounds and kilos.
Cups ⇄ grams
Baking volumes to weight by ingredient.
Millimeters ⇄ inches
Small hardware and 3D printing.
Ounces ⇄ grams
Kitchen scale conversions.
km/h ⇄ m/s
Speed units for physics and wind.
Nautical miles ⇄ km
Sea and aviation distances.
Acres ⇄ hectares
Land area, both directions.
Pixels ⇄ rem
CSS sizing at any root size.
Streaming data time
How long your data lasts while streaming.
Battery runtime
Hours a device lasts on a charge.
Solar panel output
Daily energy from panel wattage and sun.
EV range
Kilometers from battery and consumption.
TV viewing distance
Comfortable seat distance for a screen.
Print size
Largest sharp print from pixel width.
Grill time
Minutes per side for a steak thickness.
Pasta water ratio
Water and salt for dry pasta.
Rice ratio
Water for perfect rice by type.
Cake tin converter
Scale a recipe for a different tin.
Oven conversion
Fan oven vs conventional temperatures.
Shoe size converter
Foot length to EU, UK and US sizes.
Ring size converter
Finger circumference to ring sizes.
Wind chill
How cold it actually feels outside.
Heat index
Apparent temperature in humidity.
Dew point
The temperature air starts condensing.
Alcohol units
UK units from volume and ABV.
Brine salinity
Salt percent for your brine.
Cook time adjuster
Recipe time for a different temperature.
Watts ⇄ horsepower
Mechanical power, both ways.
Watts ⇄ BTU/h
Heater and AC ratings.
Screen PPI
Pixel density of any display.
Data transfer time
How long a download takes.
Bike gear inches
Classic gearing measure for bikes.
Sunburn time
Minutes of sun for your SPF and skin.
Aspect ratio
Height for a width at any ratio.
Tone generator
A clean sine tone at any frequency.
Drum machine
Four synthesized pads — kick, snare, hat, clap.
Piano keys
One playable octave in your browser.
Decision picker
Paste options, spin, get an answer.
Mood picker
How do you feel right now? One tap.
Set counter
Track rounds and reps between sets.
Two-player score
Score keep for any head-to-head game.
Coin streak
Flip for heads — how long can you keep it up?
Dice duel
Roll two dice — first to five round wins.
Number guess
I'm thinking of a number from 1 to 100.
Memory letters
Memorize the string, type it back.
Speed tap
How many taps in ten seconds?
Color match
Which swatch matches the target color?
Word unscramble
Unscramble the shuffled letters.
White noise
A soft curtain of sound for focus or sleep.
Brown noise
Deeper and warmer than white — rain on a roof.
Chord player
Hear major and minor triads in any key.
Ear training
Two notes — name the distance between them.
Drum pad
Six synthesized drums — tap or use your keyboard.
Anniversary countdown
Days until the next yearly date.
Weeks until a date
The honest number of weeks remaining.
Hike time
Naismith's rule with terrain and rests.
Backpack weight
Pack weight as a percent of body weight.
Water for a hike
Liters to carry for heat and effort.
Pasta portions
Dry grams for the mouths at the table.
Tea timer
Steep times by tea, with a countdown.
Pizza dough
Baker's percentages for N balls.
Roast calculator
Oven minutes per cut and weight.
Plank timer
A 60-second hold with countdown ticks.
Random letter
One letter, A to Z, no repeats until reset.
Number facts
Square, root, binary, hex and primality.
Morse practice
See the code, name the letter.
Two-dice odds
Chance of any sum with two dice.
Recipe scaler
Scale every ingredient for more or fewer servings.
Barbell plate math
Plates per side for any target weight.
Race splits
Even per-kilometer pace for your goal time.
GPA calculator
Weighted grade points across your courses.
Dog age
Human-equivalent years, breed-size aware.
Weight on planets
Your weight elsewhere in the solar system.
Meeting cost
What the calendar invite really costs.
Commute cost
The yearly price of getting to work.
Shelf capacity
How many books fit a shelf length.
Compost ratio
Greens and browns for a hot pile.
Reading speed
Your WPM and time for any book.
Meeting window
Shared working hours between two zones.
Tax set-aside
Put aside the right slice of every invoice.
Chinese zodiac
Birth year to your animal sign.
Birthstone
The stone for any birth month.
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.
BMR calculator
Basal metabolic rate (Mifflin-St Jeor)..
Daily calorie calculator
Maintenance calories from activity level..
Water intake calculator
Daily hydration target for your weight and workout..
Protein intake calculator
Grams per day by goal..
Body fat calculator
US Navy method from neck, waist and hips..
Ideal weight calculator
Devine formula from height..
Running pace calculator
Pace and speed from distance and time..
Race time predictor
Riegel prediction from a recent race..
One rep max calculator
Epley 1RM plus training percentages..
Heart rate zones
Five Karvonen training zones..
Steps to calories
Calories and distance from your step count..
Sleep cycle calculator
Bedtimes for full 90-minute sleep cycles..
Due date calculator
Pregnancy due date and current week..
Calories burned
Burn by activity, weight and minutes..
Waist to height ratio
Ratio with WHO-style assessment..
Macro split calculator
Protein, carbs and fat from daily calories..
Protein per meal
Daily protein spread over your meals..
Caffeine calculator
How much caffeine is left in your system..
Calorie deficit calculator
Daily intake for your loss pace..
Walking time
Time for any distance at three paces..
Cycling speed
Average speed from distance and time..
Child height predictor
Mid-parental height estimate..
Hydration calculator
Daily target and hourly sips..
Rest timer
A set-length countdown between exercises..
Kilograms to pounds
Two-way weight converter..
Centimeters to inches
Two-way length converter..
Celsius to Fahrenheit
Two-way temperature converter..
Kilometers to miles
Two-way distance converter..
Liters to gallons
Two-way volume converter..
Milliliters to fluid ounces
Two-way small-volume converter..
Square meters to square feet
Two-way area converter..
Megabytes to gigabytes
Two-way storage converter..
Seconds to HH:MM:SS
Two-way duration converter..
Decimal to binary
Two-way base converter..
Decimal to hexadecimal
Two-way base converter..
MPG to L/100km
Two-way fuel economy converter..
Bar to PSI
Two-way pressure converter..
Knots to km/h
Two-way speed converter..
Radians to degrees
Two-way angle converter..
Unix timestamp converter
Epoch seconds to date and back..
Number to words
English words up to 999 million..
Roman numerals
Numbers to roman numerals and back..
Base64 converter
Text to base64 and back..
URL encoder
Percent-encode or decode any string..
Case converter
UPPER, lower and Title Case at once..
Word counter
Words, characters and sentences as you type..
Text reverser
Flip characters, words or lines..
Slug generator
URL-safe slugs from any title..
Number to K/M/B
Compact social-media style number formatting..
Color contrast checker
WCAG contrast ratio for any foreground and background pair.
Magic 8 ball
Ask a question, receive an ominous answer.
Random emoji picker
One emoji, chosen by fate.
Interval timer
Alternating work and rest countdown for intervals.
Ratio calculator
Solve a:b = c:d for the missing value.
Week number calculator
The ISO week for any date.
Savings rate
The percent of income you keep.
Gear cost per use
Price divided by honest lifetime uses.
Gift budget split
Divide a gift budget across recipients.
Split by shares
Unequal splits by share counts.
Budget remainder
What's left after committed spending.
Tally counter
Tap to count anything — reps, guests, laps.
Punch clock
Clock in, clock out, see the total.
Password strength
Entropy, crack time and honest advice.
Whitespace cleaner
Trim lines, collapse spaces, fix text pastes.
Duplicate line remover
Keep the first of every repeated line.
Find and replace
Swap every occurrence, copy the result.
Tap tempo
Tap along with the music to find its BPM.
Decimal time
10.5 hours is 10:30. And back again.
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.
Cupertino — iOS patterns, Apple-style
Apple · Sign in
Sign in with Apple ID — the real mark, iOS fields, zero friction.
Apple · Sign in Dark
The Apple ID card locked to its gorgeous dark mode.
Apple · One-Time Code
Six-box verification with the live caret and resend timer.
Apple · Face ID Pay
Double-click to confirm — Face ID payment sheet.
Apple · AI Chat
Apple Intelligence-style chat with the animated glow mark.
Apple · AI Button
The glowing Apple Intelligence button that floats on your site.
Apple · AI Summary
A morning summary notification, written like Siri would.
Apple · Alert
The honest iOS permission alert — great for consent moments.
Apple · Action Sheet
Share sheet with Copy HTML, link and Messages actions.
Apple · Settings Toggles
Inset grouped list with real iOS switches and system icons.
Apple · Segmented Chart
Segmented control over a weekly bar chart.
Apple · Tab Bar
Five-tab iOS bar with live SF-style glyphs.
Apple · Settings List
Large-title screen with search and grouped rows.
Apple · Today Card
App Store Today card featuring your product.
Apple · App Rows
App rows with ratings and GET buttons.
Apple · Pay Sheet
Payment sheet with card, shipping and total.
Apple · Now Playing
iOS music player with scrubber and transport controls.
Apple · Lock Screen
9:41 lock screen with widgets and a notification.
Apple · Dynamic Island
Live Activity pill — delivery status with an audio bar.
Apple · Notifications
Stacked iOS notifications for announcements.
Apple · Siri Suggestions
Prediction chips grid in the Siri card style.
Apple · Activity Rings
Move, Exercise and Stand rings for challenges and stats.
Apple · Steps
Weekly step chart in the Health card style.
Apple · Wallet Pass
Boarding pass with barcode — flights, events, tickets.
Apple · Place Card
Maps place card with photo, hours and directions.
Apple · Contact Card
Contact card with call, message and video actions.
Apple · Weather Tile
Compact forecast tile with hourly strip.
Apple · Calendar
Today's schedule with colored event bars.
Apple · Batteries
Device battery rings for iPhone, Watch and AirPods.
Apple · Screen Time
Category time breakdown with the daily average.