01
Widget Library201 elements, 925 sections and 120 ready sites.
ULTRAKIT · WIDGET #127
Cards pin in place and glide over each other with gentle, inertia-smoothed motion. Five card types, nine variations, a sticky chapter list and progress indicators.
5 card types9 variationssoft inertia motionsticky intro + chaptersdots · counter · bartext reveal
02
WooCommerce SuiteGrids, carousels, mini cart and quick view.
03
Motion & EffectsScroll reveals, hover effects and parallax.
04
Mega Menu BuilderFull-width menus with rich content.
05
Live DataCounters, charts and real-time dashboards.
SAAS · HOW IT WORKS
The intro column stays pinned while split cards tuck up behind each other (Deck). The chapter list highlights the current step and fills a thin line as you read — click any step to glide there.
split cardsdeck variationsticky introclickable chaptersanimated visuals
01Step 1
Connect your channels
Email, Slack and your website forms flow into one shared inbox automatically.
- Two-minute setup
- No code needed
- Works with 40+ apps
02Step 2
Sort with smart rules
Requests are tagged, prioritised and routed to the right person before anyone opens them.
- Auto-tagging
- Priority by customer
- Round-robin assignment
03Step 3
Work on one calm board
Every task, conversation and file in one place — with due dates everyone can see.
- Board, list and calendar
- Comments and mentions
- File previews
04Step 4
Ship and celebrate
Customers get an automatic update when their request is done. Weekly reports show what you shipped.
- Automatic updates
- Weekly reports
- Happy customers
Flowdesk is a fictional product; the visuals are UltraKit’s built-in animated scenes.
PRODUCT TOUR · BROWSER WINDOWS
Each card sits in a browser window with the page address in the bar. The previous card tips softly backwards (Tilt). These are real UltraKit widgets — click a card to open its demo.
browser windowtilt variationwhole-card linksglass captions
TRAVEL AGENCY · FULL-IMAGE CARDS
Overlay cards put the story right on the photo. The card behind sinks back with a light blur (Zoom), and the text of each new card fades up softly.
overlay cardszoom variationbuttonssoft text reveal
Step one
Plan it together
Tell us where you dream of going. We sketch a route, book the tricky parts and hand you a map you can actually follow.
Talk to a planner
Adventure
Mountains with friends
Small-group hikes in the Dolomites with a local guide, cable cars and long lunches in mountain huts.
See the trip
Slow travel
Quiet alpine lakes
Row across emerald water at sunrise, before the day-trippers arrive.
See the trip
Relax
Then, the beach
End with a week of warm sand and nothing on the schedule except sunsets.
See the tripWander & Co. and its trips are fictional. Buttons open this site’s contact page.
ONLINE SHOP · PRODUCT STORY
Split cards alternate the image side while the previous card drifts softly aside (Slide). The products and links are real items from this site’s demo shop.
split cardsslide variationalternating sidesbig numbersside dots
Audio
40hbattery
Wireless Headphones
Soft cushions, deep sound and a battery that outlasts your longest flight.
View product
Accessories
Classic Leather Watch
A clean dial and a strap that gets better with age.
- Scratch-resistant glass
- Genuine leather strap
Audio
Bluetooth Speaker
Room-filling sound in a speaker that fits in your bag.
- Splash-proof
- Pairs in seconds
Battery life and features are example product copy.
NON-PROFIT · ANNUAL REPORT
Colorful content cards with a big number, a short story and bullet points. Each new card lands a little lower so the edges of earlier ones peek above (Peek).
content cardspeek variationbig numbersgradient cards
01
48,200meals served
Warm meals, every single day
Our kitchen and volunteers served families across the city — including weekends and holidays.
02
1,350children supported
Kids back in the classroom
School kits, uniforms and after-school tutoring for children who were falling behind.
- Tutoring four days a week
- Free school kits
03
640volunteers
Volunteers who showed up
Neighbors gave evenings and weekends to cook, teach and drive.
04
89%to programs
Where every dollar went
We keep overheads low so most of each gift reaches families directly.
Read the full reportHarbor Kitchen and all figures are fictional examples.
CAREERS · LIFE AT THE STUDIO
Photos arrive slightly tilted, like prints on a table, and straighten as they land (Fan). Captions sit below each photo.
fan variationcaption belowwhite photo bordersquare cards
01
Heads-down daysQuiet focus time — headphones on, notifications off.
02
Design reviews over coffeeHonest, kind feedback every Thursday.
03
Cooking together on FridaysSomeone brings a recipe, everyone helps.
04
A yearly trip to the mountainsNo laptops. Just hiking and good company.
05
Work from anywhereHalf the team is remote across four time zones.
Northwind Studio is a fictional company; photos are stock images.
The photographer is fictional; photos are stock images.
AGENCY · OUR VALUES
The gentlest variation: each card fades in over the last (Fade). Light, tinted backgrounds with dark text, and a thin progress bar across the top of the screen.
fade variationlight content cardstop progress barnumbers
01Value
Clarity over cleverness
If a visitor has to think about how to use it, we are not done yet.
02Value
Small, calm teams
Four people who trust each other beat twenty in meetings.
03Value
Ship, then polish
Real feedback from real people is worth more than a perfect plan.
04Value
Leave it better
Every project should leave the client’s team more capable than before.
An example values page for a fictional agency.
BUILT IN
For product tours, how-it-works, portfolios, reports and more.
soft motioncard typeschaptersprogress
🪶
Soft by design
Scroll values glide with inertia — adjustable softness, never jumpy.
🗂️
5 card types
Image, browser window, full-image overlay, split and colorful content cards.
🎞️
9 variations
Stack, peek, deck, fan, rise, zoom, tilt, slide and fade.
📑
Sticky chapters
An intro column with a clickable chapter list that follows along.
📍
Progress
Side dots, a counter pill with the card title, or a top progress bar.
✨
Text reveal
Labels, titles and buttons fade up gently as each card arrives.
🔗
Links & buttons
Link a whole card or add a button, bullets and a big number.
♿
Reduced motion
Respects the visitor’s reduced-motion setting automatically.
Businesses on this page are fictional. The UltraKit tour links to real widget demos, and the shop products link to this site’s demo shop.
201 premium elements, Scroll Stack Cards included.