Live preview Tables
Ivory Invoice Summary
Line items sit above a footer block that separates the subtotal from the total due.
Featured
Most popular CSS effects
The library's 10,238 effects, ordered by views. They are all pure CSS: copy, paste, and use them with no library or build step.
Most viewed effects
Live preview Tables
Jade Status Pills
Each row ends with a status pill and the live one keeps a soft pulsing dot.
Live preview Tables
Kiln Certificate Heat
Certificates close to expiry glow like cooling metal and the lapsed one is struck out cold.
Live preview Tables
Kindle Recipe Checklist
Ticking an ingredient kindles its box warm, rules a line through the name and fades the amount.
Live preview Tables
Lapis Card Rows
Border spacing turns every row into a floating rounded card with its own shadow.
Live preview Tables
Lattice Endpoint List
An API route list with colour coded method badges under a slowly weaving lattice header.
Live preview Tables
Lever Config Diff
A before and after column pair marked with minus and plus gutters like a review diff view.
Live preview Tables
Lull Size Chart
A hidden checkbox swaps the whole chart between centimetres and inches with no script at all.
Live preview Tables
Marble Rounded Shell
A soft rounded shell clips the table so the first and last rows curve with it.
Live preview Tables
Meadow Hairline Sweep
A two pixel gradient thread runs under the header row and drifts across it forever.
Live preview Tables
Mesa Skeleton Rows
Placeholder bars stand in for the data and a shimmer sweeps row by row while loading.
Live preview Tables
Mica Footnote Row
A dashed table footer carries the aggregate note in quiet italic small print.
Live preview Tables
Monsoon Two Line Cell
Each cell stacks a bold primary line over a quiet secondary line of supporting detail.
Live preview Tables
Nickel Caps Header
The header separates itself with wide tracking, small caps weight and a thick rule.
Live preview Tables
Oasis Pill Rows
Every row is a fully rounded pill and hovering slides a warm fill across it left to right.
Live preview Tables
Onyx Grid Frame
A fully ruled grid where the hovered cell brightens its own square only.
Live preview Tables
Opal Cell Meter
Every row carries an inline progress meter that grows out from its left edge.
Live preview Tables
Orbit League Standings
A league table whose leader keeps a small satellite dot circling around its rank badge.
Live preview Tables
Pearl Initial Avatars
The name column pairs each entry with a round initial chip in its own tint.
Live preview Tables
Piston Schema Sheet
A database schema view with monospace type chips and a primary key badge that strokes.
Live preview Tables
Prairie Hover Arrow
Hovering a row slides a chevron in from the right edge to hint that it can be opened.
Live preview Tables
Pulse Workout Sets
Rep counts are drawn as a strip of repeating notches instead of a number, and today pulses.
Live preview Tables
Pylon On Call Rota
The shift that is live right now carries a blinking beacon while the queue behind it stays dim.
Live preview Tables
Quiver Spec Duel
Two cars share one lane per spec and their bars grow outward from a centre line in opposite ways.
Live preview Tables
Ratchet Quota Gauges
Plan usage gauges fill in discrete notches with a stepped timing function instead of gliding.
Live preview Tables
Reef Total Bar
A saturated summary bar closes the table and breathes a soft glow around the total.
Live preview Tables
Ridge Frozen Column
The first column stays pinned while the remaining columns scroll sideways under it.
Live preview Tables
Ripple Weather Week
Daily lows and highs become offset range bars and the wet days ripple with drifting streaks.
Live preview Tables
Rivet Build Log
Build history rows are riveted together by a gutter line and the newest node keeps welding.
Live preview Tables
Ruby Sort Caret
Header cells carry sort carets and the active one nudges up and down gently.
Live preview Tables
Savanna Selectable Rows
Real checkboxes drive the row highlight through the has selector with no script at all.
Live preview Tables
Slate Column Scan
Pointing at any cell lights the whole column through a pure CSS has() selector.
Live preview Tables
Socket Port Map
Open ports draw a marching dash line so live traffic reads at a glance and idle ones sit still.
Live preview Tables
Spindle Test Run
A test report where marks are drawn from borders and the pending case keeps a turning ring.
Live preview Tables
Spiral Class Timetable
Day labels turn on their side with vertical writing so five columns fit inside a narrow board.
Live preview Tables
Summit Delta Arrows
Change values carry css triangles that drift a little so the direction reads instantly.
Live preview Tables
Sway Playlist Rows
The playing track swaps its number for three equaliser bars that sway out of step with each other.
Live preview Tables
Tether Translation Rings
Completion per locale is drawn as a conic gradient donut and the finished one holds a soft pulse.
Live preview Tables
Tide Stacked Cards
The table collapses into compact cards where each cell prints its own label on the left.
Live preview Tables
Topaz Numbered Rows
A CSS counter prints zero padded row numbers without any markup duplication.
Live preview Tables
Tundra Dashed Divider
Rows are parted by a hand tuned dash rhythm that turns solid when the row is hovered.
Live preview Tables
Turbine Load Meters
Resource usage is drawn as a segmented LED strip and the overloaded lane strains in warm light.
Live preview Tables
Valve Log Levels
Bracketed level tags colour each log line and the error tag flickers like a failing lamp.
Live preview Tables
Vault Instalment Split
Every instalment carries a hard stop bar showing how much of it is principal and how much interest.
Live preview Tables
Verge Grade Shields
Letter grades sit inside clipped shield badges that cool down as the score nears the pass line.
Live preview Tables
Wander Sowing Calendar
Sowing windows sit on a twelve month track while a season marker wanders slowly across the board.
Live preview Tables
Wisp Vitamin Levels
Each nutrient draws a hairline whisker ending in a soft breathing dot instead of a filled bar.
Live preview Tables
Zenith Screen Ratios
Each resolution row draws its own aspect ratio as a scaled outline so shapes compare at a glance.
Live preview Text
Live preview Text
Live preview Text
Live preview Text
Live preview Text
Live preview Text
Live preview Text
Live preview Text
Live preview Text
Live preview Text
Live preview Text
Live preview Text
Live preview Text
Live preview Text
Live preview Text
Live preview Text
Live preview Text
Live preview Text
Live preview Text
Live preview Text
Live preview Text
Live preview Text
Live preview Text
Live preview Text
Live preview Text
Live preview Text
Live preview Text
Live preview Text
Live preview Text
Live preview Text
Live preview Text
Live preview Text
Live preview Text
Live preview Text
Balanced Pull Quote
text-wrap balance evens out the heading lines and pretty removes orphan words below.
Live preview Text
Live preview Text
Live preview Text
Live preview Text
Live preview Text
Live preview Text
Live preview Text
Live preview Text
Live preview Text
Live preview Text
Live preview Text
Live preview Text
Live preview Text
Live preview Text
Browse by category
ButtonsCardsLoadersTextBackgroundsCheckboxesTogglesHover EffectsBadgesFormsNavigationTooltipsAccordionsAlertsAvatarsModalsProgressSlidersTabsTablesTimelinesMarquees