{"version":1,"count":1393,"items":[{"plate":2845,"slug":"access-request-inbox","title":"Access request inbox","category":"blocks","url":"https://fieldbook.lizardi.mx/components/access-request-inbox","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/access-request-inbox.webp"},{"plate":2295,"slug":"account-dropdown-menu","title":"Account Dropdown Menu","category":"overlays","url":"https://fieldbook.lizardi.mx/components/account-dropdown-menu","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/account-dropdown-menu.webp"},{"slug":"account-menu-flyout","title":"Account Menu Flyout","description":"A profile summary button that opens into an account menu of labeled rows, with a small curved indicator line that straightens when the menu is open.","category":"overlays","tags":["dropdown","account menu","profile","flyout","avatar","sign out"],"frame":"card","theme":"either","plate":2296,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/account-menu-flyout.webp","controls":4,"verified":true,"security":"clean","slop":40,"url":"https://fieldbook.lizardi.mx/components/account-menu-flyout"},{"slug":"account-signup-page","title":"Account signup","description":"A centered signup page with an email field, a primary create-account button, a divider, and two secondary continue-with buttons for alternate identity providers.","category":"pages","tags":["signup","form","authentication","page","email","providers","onboarding"],"frame":"full","theme":"either","plate":2731,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/account-signup-page.webp","controls":4,"verified":true,"security":"clean","slop":26,"url":"https://fieldbook.lizardi.mx/components/account-signup-page"},{"slug":"activity-cell-heatmap","title":"Activity cell heatmap","description":"A calendar grid of small tinted squares that sweeps in on a diagonal wave and lets a level strip isolate one intensity at a time.","category":"charts","tags":["heatmap","calendar","activity","contributions","cells","intensity","grid"],"frame":"wide","theme":"either","plate":1840,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/activity-cell-heatmap.webp","controls":6,"verified":true,"security":"clean","slop":35,"url":"https://fieldbook.lizardi.mx/components/activity-cell-heatmap"},{"plate":2466,"slug":"add-then-confirm-chip","title":"Add Then Confirm Chip","category":"buttons","url":"https://fieldbook.lizardi.mx/components/add-then-confirm-chip","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/add-then-confirm-chip.webp"},{"slug":"addon-input-group","title":"Addon Input Group","description":"A text field wrapped in one bordered shell that can carry a leading icon, a trailing button or text, and shares one focus ring across the whole group.","category":"inputs","tags":["input group","addon","search field","form"],"frame":"inline","theme":"either","plate":2297,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/addon-input-group.webp","controls":4,"verified":true,"security":"clean","slop":8,"url":"https://fieldbook.lizardi.mx/components/addon-input-group"},{"plate":2106,"slug":"adjacent-hover-menubar","title":"Adjacent hover menubar","category":"navigation","url":"https://fieldbook.lizardi.mx/components/adjacent-hover-menubar","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/adjacent-hover-menubar.webp"},{"plate":2846,"slug":"agent-run-workspace","title":"Agent run workspace","category":"blocks","url":"https://fieldbook.lizardi.mx/components/agent-run-workspace","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/agent-run-workspace.webp"},{"slug":"amber-upload-pill","title":"Amber upload pill","description":"A warm gradient upload pill with a bright rim that widens its coloured cast and lights the label from behind on hover.","category":"buttons","tags":["button","upload","pill","gradient","warm","hover"],"frame":"inline","theme":"either","plate":2707,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/amber-upload-pill.webp","controls":5,"verified":true,"security":"clean","slop":14,"url":"https://fieldbook.lizardi.mx/components/amber-upload-pill"},{"plate":2625,"slug":"anaglyph-wobble-button","title":"Anaglyph wobble button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/anaglyph-wobble-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/anaglyph-wobble-button.webp"},{"slug":"analytics-console-page","title":"Analytics console page","description":"Explore metrics and work items in a responsive console and download the current table as a local CSV.","category":"pages","tags":["dashboard","console","sidebar","metrics","area chart","data table","admin","page"],"frame":"full","theme":"either","plate":2732,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/analytics-console-page.webp","controls":5,"verified":true,"security":"clean","slop":26,"url":"https://fieldbook.lizardi.mx/components/analytics-console-page"},{"plate":1910,"slug":"anchored-detail-popover","title":"Anchored detail popover","category":"overlays","url":"https://fieldbook.lizardi.mx/components/anchored-detail-popover","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/anchored-detail-popover.webp"},{"plate":1911,"slug":"anchored-info-popover","title":"Anchored info popover","category":"overlays","url":"https://fieldbook.lizardi.mx/components/anchored-info-popover","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/anchored-info-popover.webp"},{"slug":"anchored-popover-card","title":"Anchored popover card","description":"A trigger button that opens a small settings card anchored to itself, scaling in from the edge it grows out of and closing on a second click, Escape, or a press outside.","category":"overlays","tags":["popover","anchor","floating panel","overlay","settings card"],"frame":"card","theme":"either","plate":1912,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/anchored-popover-card.webp","controls":4,"verified":true,"security":"clean","slop":26,"url":"https://fieldbook.lizardi.mx/components/anchored-popover-card"},{"plate":1913,"slug":"anchored-settings-popover","title":"Anchored settings popover","category":"overlays","url":"https://fieldbook.lizardi.mx/components/anchored-settings-popover","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/anchored-settings-popover.webp"},{"plate":1762,"slug":"anchored-site-preview","title":"Anchored site preview","category":"cards","url":"https://fieldbook.lizardi.mx/components/anchored-site-preview","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/anchored-site-preview.webp"},{"plate":2298,"slug":"android-device-frame","title":"Android device frame","category":"media","url":"https://fieldbook.lizardi.mx/components/android-device-frame","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/android-device-frame.webp"},{"slug":"animated-metric-counter","title":"Animated metric counter","description":"A large bare numeral that springs up from a starting value to its target the moment it scrolls into view, overshooting slightly before it settles, with thousands separators and an optional suffix.","category":"data-display","tags":["counter","count-up","number","metric","stat","spring","kpi"],"frame":"inline","theme":"either","plate":2299,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/animated-metric-counter.webp","controls":5,"verified":true,"security":"clean","slop":0,"url":"https://fieldbook.lizardi.mx/components/animated-metric-counter"},{"slug":"animated-time-axis","title":"Animated Time Axis","description":"A row of date labels beneath a line chart that auto-picks an evenly spaced subset to avoid crowding, and fades labels near the hovered point.","category":"charts","tags":["axis","x-axis","time series","tick labels","chart primitive"],"frame":"wide","theme":"either","plate":2104,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/animated-time-axis.webp","controls":3,"verified":true,"security":"clean","slop":18,"url":"https://fieldbook.lizardi.mx/components/animated-time-axis"},{"plate":2097,"slug":"animated-value-axis","title":"Animated Value Axis","category":"charts","url":"https://fieldbook.lizardi.mx/components/animated-value-axis","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/animated-value-axis.webp"},{"plate":2518,"slug":"annotated-anatomy-button","title":"Annotated anatomy button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/annotated-anatomy-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/annotated-anatomy-button.webp"},{"plate":2467,"slug":"answer-call-circle-button","title":"Answer call circle","category":"buttons","url":"https://fieldbook.lizardi.mx/components/answer-call-circle-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/answer-call-circle-button.webp"},{"plate":2847,"slug":"api-key-lifecycle-panel","title":"API key lifecycle panel","category":"blocks","url":"https://fieldbook.lizardi.mx/components/api-key-lifecycle-panel","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/api-key-lifecycle-panel.webp"},{"slug":"app-folder-expand","title":"App folder expand","description":"A home screen style folder tile whose small app icons grow into a full panel, each icon traveling from its miniature to its large spot.","category":"overlays","tags":["folder","expand","shared element","app grid","overlay","spring","home screen","icons"],"frame":"card","theme":"dark","plate":2300,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/app-folder-expand.webp","controls":5,"verified":true,"security":"clean","slop":8,"url":"https://fieldbook.lizardi.mx/components/app-folder-expand"},{"plate":2107,"slug":"app-menubar","title":"App Menubar","category":"navigation","url":"https://fieldbook.lizardi.mx/components/app-menubar","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/app-menubar.webp"},{"slug":"appointment-range-card","title":"Appointment Range Card","description":"A card that pairs a single-month date grid with a start-time and end-time field below it, for picking one day plus a time window in one compact block.","category":"inputs","tags":["calendar","date picker","appointment","time range","card"],"frame":"card","theme":"either","plate":2108,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/appointment-range-card.webp","controls":4,"verified":true,"security":"clean","slop":8,"url":"https://fieldbook.lizardi.mx/components/appointment-range-card"},{"plate":2109,"slug":"appointment-scheduler-card","title":"Appointment Scheduler Card","category":"inputs","url":"https://fieldbook.lizardi.mx/components/appointment-scheduler-card","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/appointment-scheduler-card.webp"},{"plate":2574,"slug":"arcade-dome-button","title":"Arcade dome button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/arcade-dome-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/arcade-dome-button.webp"},{"plate":2501,"slug":"arcade-plate-button","title":"Arcade plate button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/arcade-plate-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/arcade-plate-button.webp"},{"slug":"area-chart-lite","title":"Area chart lite","description":"A responsive SVG area chart with round axis ticks, a gradient fill, a crosshair that reads the sample under the pointer, and a draw-on wipe.","category":"charts","tags":["chart","area","svg","axis","tooltip","crosshair","analytics"],"frame":"wide","theme":"dark","plate":1525,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/area-chart-lite.webp","controls":3,"verified":true,"security":"review","slop":22,"url":"https://fieldbook.lizardi.mx/components/area-chart-lite"},{"plate":1914,"slug":"aria-tablist-resize","title":"ARIA Tablist Resize","category":"navigation","url":"https://fieldbook.lizardi.mx/components/aria-tablist-resize","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/aria-tablist-resize.webp"},{"slug":"arrow-chip-button","title":"Arrow chip button","description":"A rounded action button with a glowing arrow chip docked in its right end that lifts off the page on hover with a hard offset shadow and sinks on press.","category":"buttons","tags":["button","arrow","chip","hard shadow","call to action","rounded"],"frame":"inline","theme":"either","plate":2640,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/arrow-chip-button.webp","controls":5,"verified":true,"security":"clean","slop":8,"url":"https://fieldbook.lizardi.mx/components/arrow-chip-button"},{"plate":2601,"slug":"arrow-relay-badge-pill","title":"Arrow relay badge pill","category":"buttons","url":"https://fieldbook.lizardi.mx/components/arrow-relay-badge-pill","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/arrow-relay-badge-pill.webp"},{"slug":"arrow-to-label-pill","title":"Arrow to label pill","description":"A round chevron button that stretches into a wide labeled pill on hover, trading the mark for a word as the flat fill becomes a two-stop ramp.","category":"buttons","tags":["button","expand","pill","chevron","label","hover","compact"],"frame":"inline","theme":"either","plate":2469,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/arrow-to-label-pill.webp","controls":5,"verified":true,"security":"clean","slop":14,"url":"https://fieldbook.lizardi.mx/components/arrow-to-label-pill"},{"plate":2683,"slug":"arrow-wipe-button","title":"Arrow wipe button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/arrow-wipe-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/arrow-wipe-button.webp"},{"slug":"arrow-wipe-cta","title":"Arrow wipe call to action","description":"A call to action whose darker plate wipes in from the left on hover while a tucked arrow slides out to meet the label, and pushes down a pixel when clicked.","category":"buttons","tags":["button","call to action","wipe","arrow","hover"],"frame":"inline","theme":"either","plate":1629,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/arrow-wipe-cta.webp","controls":5,"verified":true,"security":"clean","slop":0,"url":"https://fieldbook.lizardi.mx/components/arrow-wipe-cta"},{"plate":2848,"slug":"artifact-version-diff","title":"Artifact version diff","category":"blocks","url":"https://fieldbook.lizardi.mx/components/artifact-version-diff","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/artifact-version-diff.webp"},{"plate":2301,"slug":"ascii-art-heading","title":"Ascii Art Heading","category":"text-effects","url":"https://fieldbook.lizardi.mx/components/ascii-art-heading","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/ascii-art-heading.webp"},{"plate":1665,"slug":"assistant-ripple-glow","title":"Assistant Ripple Glow","category":"backgrounds","url":"https://fieldbook.lizardi.mx/components/assistant-ripple-glow","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/assistant-ripple-glow.webp"},{"slug":"audit-event-timeline","title":"Audit event timeline","description":"Filter audit events and expand the recorded before and after values.","category":"blocks","tags":["data","workspace","audit","interactive"],"frame":"wide","theme":"dark","plate":2849,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/audit-event-timeline.webp","controls":3,"verified":true,"security":"clean","slop":8,"url":"https://fieldbook.lizardi.mx/components/audit-event-timeline"},{"slug":"aurora-band-glow","title":"Aurora band glow","description":"A soft ribbon of light lying across a dark frame, its edge wandering on layered noise while the color walks along its length.","category":"backgrounds","tags":["background","aurora","ribbon","glow","noise","band","canvas","banner"],"frame":"wide","theme":"dark","plate":2110,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/aurora-band-glow.webp","controls":6,"verified":true,"security":"clean","slop":8,"url":"https://fieldbook.lizardi.mx/components/aurora-band-glow"},{"plate":1666,"slug":"aurora-curtain","title":"Aurora curtain","category":"backgrounds","url":"https://fieldbook.lizardi.mx/components/aurora-curtain","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/aurora-curtain.webp"},{"plate":1915,"slug":"aurora-glow-heading","title":"Aurora glow heading","category":"text-effects","url":"https://fieldbook.lizardi.mx/components/aurora-glow-heading","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/aurora-glow-heading.webp"},{"slug":"aurora-veil","title":"Aurora veil","description":"A full-bleed background of three drifting ribbons of light that add up where they cross, over a dark ground, with a caption layer that stays readable.","category":"backgrounds","tags":["background","canvas","ambient","gradient","hero","animation"],"frame":"wide","theme":"dark","plate":1526,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/aurora-veil.webp","controls":4,"verified":true,"security":"clean","slop":22,"url":"https://fieldbook.lizardi.mx/components/aurora-veil"},{"slug":"auto-grow-textarea","title":"Auto Grow Textarea","description":"A multi-line text field that grows taller as the person types more, instead of scrolling inside a fixed box.","category":"inputs","tags":["textarea","auto resize","multiline field","input","form"],"frame":"card","theme":"either","plate":2792,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/auto-grow-textarea.webp","controls":3,"verified":true,"security":"clean","slop":26,"url":"https://fieldbook.lizardi.mx/components/auto-grow-textarea"},{"slug":"auto-height-tabs","title":"Auto height tabs","description":"A tab group whose content container smoothly resizes its height to fit each panel as you switch tabs, instead of jumping or leaving empty space.","category":"navigation","tags":["tabs","auto height","tab panel","content transition"],"frame":"card","theme":"either","plate":1916,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/auto-height-tabs.webp","controls":3,"verified":true,"security":"clean","slop":8,"url":"https://fieldbook.lizardi.mx/components/auto-height-tabs"},{"plate":2111,"slug":"auto-hide-nav-bar","title":"Auto-Hide Nav Bar","category":"navigation","url":"https://fieldbook.lizardi.mx/components/auto-hide-nav-bar","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/auto-hide-nav-bar.webp"},{"plate":2302,"slug":"auto-scroll-message-list","title":"Auto-Scroll Message List","category":"data-display","url":"https://fieldbook.lizardi.mx/components/auto-scroll-message-list","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/auto-scroll-message-list.webp"},{"plate":2905,"slug":"automaton-loom-weave","title":"Automaton loom","category":"backgrounds","url":"https://fieldbook.lizardi.mx/components/automaton-loom-weave","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/automaton-loom-weave.webp"},{"plate":2805,"slug":"autosize-text-field","title":"Autosize text field","category":"inputs","url":"https://fieldbook.lizardi.mx/components/autosize-text-field","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/autosize-text-field.webp"},{"plate":1917,"slug":"avatar-lineup-hover","title":"Avatar Lineup Hover","category":"data-display","url":"https://fieldbook.lizardi.mx/components/avatar-lineup-hover","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/avatar-lineup-hover.webp"},{"plate":2757,"slug":"avatar-profile-picker","title":"Avatar profile picker","category":"inputs","url":"https://fieldbook.lizardi.mx/components/avatar-profile-picker","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/avatar-profile-picker.webp"},{"plate":1918,"slug":"avatar-stack-tooltip","title":"Avatar Stack","category":"data-display","url":"https://fieldbook.lizardi.mx/components/avatar-stack-tooltip","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/avatar-stack-tooltip.webp"},{"plate":1667,"slug":"backlight-halo","title":"Backlight Halo","category":"backgrounds","url":"https://fieldbook.lizardi.mx/components/backlight-halo","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/backlight-halo.webp"},{"slug":"banded-stripe-button","title":"Banded stripe button","description":"A wide button whose face is cut into hard diagonal bands stepping through values of one accent, sliding one band over on hover.","category":"buttons","tags":["button","stripes","diagonal","hard edge","hover","flat color"],"frame":"inline","theme":"either","plate":2497,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/banded-stripe-button.webp","controls":5,"verified":true,"security":"clean","slop":21,"url":"https://fieldbook.lizardi.mx/components/banded-stripe-button"},{"plate":1919,"slug":"banner-header-dialog","title":"Banner header dialog","category":"overlays","url":"https://fieldbook.lizardi.mx/components/banner-header-dialog","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/banner-header-dialog.webp"},{"slug":"bar-wave-matrix","title":"Bar wave matrix","description":"A grid of short bars where each bar slides along its own track, and the phase offset from row to row turns the whole grid into a travelling wave.","category":"backgrounds","tags":["background","bars","wave","matrix","grid","phase","canvas","banner"],"frame":"wide","theme":"dark","plate":2112,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/bar-wave-matrix.webp","controls":6,"verified":true,"security":"clean","slop":8,"url":"https://fieldbook.lizardi.mx/components/bar-wave-matrix"},{"plate":1920,"slug":"bare-sliding-tab-strip","title":"Bare Sliding Tab Strip","category":"navigation","url":"https://fieldbook.lizardi.mx/components/bare-sliding-tab-strip","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/bare-sliding-tab-strip.webp"},{"slug":"before-after-code-diff","title":"Before/After Code Diff","description":"Two code panels side by side, labeled before and after, with added and removed lines tinted and a hover focus effect.","category":"data-display","tags":["code","diff","comparison","before","after","changes"],"frame":"wide","theme":"dark","plate":2113,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/before-after-code-diff.webp","controls":4,"verified":true,"security":"clean","slop":40,"url":"https://fieldbook.lizardi.mx/components/before-after-code-diff"},{"plate":2758,"slug":"before-after-reveal-handle","title":"Before/After reveal handle","category":"inputs","url":"https://fieldbook.lizardi.mx/components/before-after-reveal-handle","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/before-after-reveal-handle.webp"},{"plate":1841,"slug":"bevel-edge-panel-card","title":"Bevel Edge Panel Card","category":"cards","url":"https://fieldbook.lizardi.mx/components/bevel-edge-panel-card","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/bevel-edge-panel-card.webp"},{"slug":"bevel-frame-button","title":"Bevel frame button","description":"A square framed button whose two ends bevel into points on hover, turning the rectangle into a six sided badge.","category":"buttons","tags":["button","frame","bevel","hexagon","clip","outline","angular"],"frame":"inline","theme":"either","plate":2674,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/bevel-frame-button.webp","controls":5,"verified":true,"security":"clean","slop":0,"url":"https://fieldbook.lizardi.mx/components/bevel-frame-button"},{"slug":"bevel-press-pill","title":"Bevel press pill","description":"A dark bevelled pill with a recessed round chip on its end that sinks into the surface when pressed.","category":"buttons","tags":["button","bevel","press","pill","depth","dark"],"frame":"inline","theme":"dark","plate":2708,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/bevel-press-pill.webp","controls":5,"verified":true,"security":"clean","slop":21,"url":"https://fieldbook.lizardi.mx/components/bevel-press-pill"},{"plate":2303,"slug":"bevel-swap-button","title":"Bevel swap button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/bevel-swap-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/bevel-swap-button.webp"},{"slug":"billing-ledger-table","title":"Billing Ledger Table","description":"Filter invoice statuses, sort amounts, and recalculate the visible ledger total.","category":"data-display","tags":["data table","invoice ledger","totals row","billing history"],"frame":"wide","theme":"either","plate":2304,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/billing-ledger-table.webp","controls":4,"verified":true,"security":"clean","slop":0,"url":"https://fieldbook.lizardi.mx/components/billing-ledger-table"},{"plate":1921,"slug":"binary-decode-text","title":"Binary Decode Text","category":"text-effects","url":"https://fieldbook.lizardi.mx/components/binary-decode-text","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/binary-decode-text.webp"},{"slug":"birthdate-popover-picker","title":"Birthdate popover picker","description":"A labeled button that opens a floating calendar with month and year dropdowns for quickly reaching a birth year, closing itself the moment a day is picked.","category":"inputs","tags":["calendar","date picker","popover","birthdate","dropdown"],"frame":"inline","theme":"either","plate":2305,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/birthdate-popover-picker.webp","controls":3,"verified":true,"security":"clean","slop":18,"url":"https://fieldbook.lizardi.mx/components/birthdate-popover-picker"},{"slug":"blank-slate-card","title":"Empty State Panel","description":"A centered placeholder shown in place of an empty list, with a title, description and one or two starting actions.","category":"feedback","tags":["empty state","placeholder","no content","onboarding prompt"],"frame":"card","theme":"either","plate":1922,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/blank-slate-card.webp","controls":4,"verified":true,"security":"clean","slop":22,"url":"https://fieldbook.lizardi.mx/components/blank-slate-card"},{"slug":"blinking-grid-pattern","title":"Blinking grid pattern","description":"A hairline square grid where scattered cells fade up and back down, each hopping to a fresh cell when its blink ends.","category":"backgrounds","tags":["grid","pattern","blink","texture","backdrop","cells","twinkle"],"frame":"wide","theme":"either","plate":1668,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/blinking-grid-pattern.webp","controls":6,"verified":true,"security":"clean","slop":8,"url":"https://fieldbook.lizardi.mx/components/blinking-grid-pattern"},{"slug":"blob-cap-button","title":"Blob cap button","description":"A capsule button with a single-hue liquid blob that swells from a resting corner mark to fill the shape on hover.","category":"buttons","tags":["button","capsule","blob","liquid","colour","hover"],"frame":"inline","theme":"either","plate":1842,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/blob-cap-button.webp","controls":5,"verified":true,"security":"clean","slop":0,"url":"https://fieldbook.lizardi.mx/components/blob-cap-button"},{"plate":2306,"slug":"blocking-alert-dialog","title":"Blocking alert dialog","category":"overlays","url":"https://fieldbook.lizardi.mx/components/blocking-alert-dialog","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/blocking-alert-dialog.webp"},{"slug":"blur-fade-reveal","title":"Blur fade reveal","description":"Content that arrives out of focus and transparent, then sharpens into place the first time it scrolls into view without shifting a single pixel.","category":"scroll","tags":["fade","blur","reveal","scroll","viewport","focus","cascade"],"frame":"card","theme":"either","plate":1843,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/blur-fade-reveal.webp","controls":5,"verified":true,"security":"clean","slop":8,"url":"https://fieldbook.lizardi.mx/components/blur-fade-reveal"},{"plate":2307,"slug":"blur-in-word-reveal","title":"Blur in word reveal","category":"text-effects","url":"https://fieldbook.lizardi.mx/components/blur-in-word-reveal","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/blur-in-word-reveal.webp"},{"plate":1669,"slug":"blur-reveal-on-view","title":"Blur reveal","category":"animation","url":"https://fieldbook.lizardi.mx/components/blur-reveal-on-view","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/blur-reveal-on-view.webp"},{"plate":1763,"slug":"bobble-tile-grid","title":"Bobble tile grid","category":"animation","url":"https://fieldbook.lizardi.mx/components/bobble-tile-grid","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/bobble-tile-grid.webp"},{"plate":2114,"slug":"booked-dates-picker","title":"Booked Dates Picker","category":"inputs","url":"https://fieldbook.lizardi.mx/components/booked-dates-picker","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/booked-dates-picker.webp"},{"plate":2115,"slug":"bookmark-save-chip","title":"Bookmark save chip","category":"buttons","url":"https://fieldbook.lizardi.mx/components/bookmark-save-chip","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/bookmark-save-chip.webp"},{"plate":2575,"slug":"bookmark-save-toggle","title":"Bookmark save toggle","category":"buttons","url":"https://fieldbook.lizardi.mx/components/bookmark-save-toggle","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/bookmark-save-toggle.webp"},{"plate":2641,"slug":"border-brighten-button","title":"Border brighten button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/border-brighten-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/border-brighten-button.webp"},{"plate":2709,"slug":"border-trace-button","title":"Border trace button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/border-trace-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/border-trace-button.webp"},{"slug":"bottom-sheet-panel","title":"Bottom sheet panel","description":"A mobile-style sheet that rises from the bottom edge with a grabber handle and can be dragged back down to dismiss.","category":"overlays","tags":["drawer","sheet","bottom","drag","dismiss","handle"],"frame":"card","theme":"either","plate":2271,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/bottom-sheet-panel.webp","controls":3,"verified":true,"security":"clean","slop":18,"url":"https://fieldbook.lizardi.mx/components/bottom-sheet-panel"},{"plate":2759,"slug":"bounce-drop-toggle","title":"Bounce drop toggle","category":"inputs","url":"https://fieldbook.lizardi.mx/components/bounce-drop-toggle","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/bounce-drop-toggle.webp"},{"slug":"bounce-warning-dialog","title":"Bounce warning dialog","description":"A confirmation dialog that pops in with a springy overshoot and a bouncing icon badge, demanding a response before the page below becomes usable again.","category":"overlays","tags":["dialog","confirmation","alert","spring","bounce","modal"],"frame":"card","theme":"either","plate":1923,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/bounce-warning-dialog.webp","controls":3,"verified":true,"security":"clean","slop":18,"url":"https://fieldbook.lizardi.mx/components/bounce-warning-dialog"},{"plate":2658,"slug":"bouncing-dot-action-button","title":"Bouncing dot action button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/bouncing-dot-action-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/bouncing-dot-action-button.webp"},{"plate":2710,"slug":"bouncing-download-button","title":"Bouncing download button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/bouncing-download-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/bouncing-download-button.webp"},{"slug":"bouncing-photo-fan","title":"Bouncing Photo Fan","description":"A row of overlapping square photo tiles that pop in with an elastic overshoot, then shove each other aside when one is hovered.","category":"cards","tags":["photo fan","elastic entrance","stagger","overlapping tiles","hover push","gallery"],"frame":"wide","theme":"dark","plate":1844,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/bouncing-photo-fan.webp","controls":5,"verified":true,"security":"clean","slop":14,"url":"https://fieldbook.lizardi.mx/components/bouncing-photo-fan"},{"plate":1670,"slug":"bouncing-sphere-pit","title":"Bouncing sphere pit","category":"backgrounds","url":"https://fieldbook.lizardi.mx/components/bouncing-sphere-pit","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/bouncing-sphere-pit.webp"},{"plate":2116,"slug":"bounded-stay-range-picker","title":"Bounded Stay Range Picker","category":"inputs","url":"https://fieldbook.lizardi.mx/components/bounded-stay-range-picker","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/bounded-stay-range-picker.webp"},{"slug":"bracket-lock-cursor","title":"Bracket lock cursor","description":"A custom pointer of four corner brackets that spins while idle and snaps open around any element marked as a target.","category":"cursor","tags":["cursor","brackets","target","reticle","pointer","snap","focus"],"frame":"wide","theme":"either","plate":1764,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/bracket-lock-cursor.webp","controls":5,"verified":true,"security":"clean","slop":22,"url":"https://fieldbook.lizardi.mx/components/bracket-lock-cursor"},{"slug":"branching-bolt","title":"Branching bolt","description":"A jagged bolt walks down the frame with short forks dying off its sides, flares white on the strike, then fades to an afterimage.","category":"backgrounds","tags":["lightning","bolt","storm","flash","canvas","fractal"],"frame":"full","theme":"dark","plate":1924,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/branching-bolt.webp","controls":6,"verified":true,"security":"clean","slop":0,"url":"https://fieldbook.lizardi.mx/components/branching-bolt"},{"plate":1925,"slug":"branded-code-panel","title":"Branded Code Panel","category":"forms","url":"https://fieldbook.lizardi.mx/components/branded-code-panel","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/branded-code-panel.webp"},{"plate":2602,"slug":"breathing-cta-pill","title":"Breathing CTA pill","category":"buttons","url":"https://fieldbook.lizardi.mx/components/breathing-cta-pill","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/breathing-cta-pill.webp"},{"plate":2117,"slug":"breathing-dot-loader","title":"Breathing dot loader","category":"feedback","url":"https://fieldbook.lizardi.mx/components/breathing-dot-loader","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/breathing-dot-loader.webp"},{"plate":2470,"slug":"breathing-transport-toggle","title":"Breathing transport toggle","category":"buttons","url":"https://fieldbook.lizardi.mx/components/breathing-transport-toggle","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/breathing-transport-toggle.webp"},{"plate":1926,"slug":"brightening-gradient-button","title":"Brightening gradient button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/brightening-gradient-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/brightening-gradient-button.webp"},{"plate":2906,"slug":"broad-nib-lettering","title":"Broad nib lettering","category":"typography","url":"https://fieldbook.lizardi.mx/components/broad-nib-lettering","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/broad-nib-lettering.webp"},{"slug":"browser-window-frame","title":"Browser window frame","description":"A desktop browser window mockup with traffic-light dots and an address bar that frames a screenshot or looping video as its page content.","category":"media","tags":["browser mockup","website frame","screenshot frame","device mockup"],"frame":"wide","theme":"either","plate":2308,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/browser-window-frame.webp","controls":3,"verified":true,"security":"clean","slop":40,"url":"https://fieldbook.lizardi.mx/components/browser-window-frame"},{"plate":2642,"slug":"brushed-metal-knob-button","title":"Brushed metal knob","category":"buttons","url":"https://fieldbook.lizardi.mx/components/brushed-metal-knob-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/brushed-metal-knob-button.webp"},{"plate":1845,"slug":"brushed-metal-pass","title":"Brushed Metal Pass","category":"cards","url":"https://fieldbook.lizardi.mx/components/brushed-metal-pass","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/brushed-metal-pass.webp"},{"slug":"bubble-burst-menu","title":"Bubble burst menu","description":"A floating logo pill and toggle that expand into a full screen overlay of oversized pill links, each bursting into place with a springy stagger.","category":"navigation","tags":["menu","overlay","navigation","stagger","pill","toggle"],"frame":"full","theme":"dark","plate":2309,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/bubble-burst-menu.webp","controls":3,"verified":true,"security":"clean","slop":10,"url":"https://fieldbook.lizardi.mx/components/bubble-burst-menu"},{"slug":"bulging-dot-field","title":"Bulging dot field","description":"A fine grid of dots that swells outward under the cursor like fabric pushed from behind, springing back with one soft overshoot the moment the pointer moves on.","category":"backgrounds","tags":["background","canvas","dots","cursor","bulge","spring","field","interactive"],"frame":"wide","theme":"dark","plate":1671,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/bulging-dot-field.webp","controls":6,"verified":true,"security":"clean","slop":8,"url":"https://fieldbook.lizardi.mx/components/bulging-dot-field"},{"slug":"bulk-action-toolbar","title":"Bulk action toolbar","description":"A floating toolbar for stepping through a queue of records one at a time, with icon actions that reveal their label on hover and a primary button that confirms the destination.","category":"overlays","tags":["toolbar","bulk actions","queue","review bar","paging"],"frame":"wide","theme":"dark","plate":1927,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/bulk-action-toolbar.webp","controls":4,"verified":true,"security":"clean","slop":34,"url":"https://fieldbook.lizardi.mx/components/bulk-action-toolbar"},{"plate":2850,"slug":"bulk-edit-review","title":"Bulk edit review","category":"blocks","url":"https://fieldbook.lizardi.mx/components/bulk-edit-review","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/bulk-edit-review.webp"},{"slug":"burst-particle-emitter","title":"Burst particle emitter","description":"Wraps any element and fires a staggered fan of small specks from a chosen edge, on click, on a loop, or the first time it scrolls into view.","category":"animation","tags":["particles","burst","emitter","confetti","trigger","effect","stagger"],"frame":"card","theme":"either","plate":1672,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/burst-particle-emitter.webp","controls":6,"verified":true,"security":"clean","slop":0,"url":"https://fieldbook.lizardi.mx/components/burst-particle-emitter"},{"plate":1673,"slug":"button-set","title":"Button set","category":"buttons","url":"https://fieldbook.lizardi.mx/components/button-set","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/button-set.webp"},{"slug":"camera-flash-pill-button","title":"Camera flash pill","description":"A solid accent pill with a camera glyph that flickers like a struggling flash tube on hover or focus, and blanks its whole face white for one short beat when pressed.","category":"buttons","tags":["camera","photo","flash","flicker","pill","shutter"],"frame":"inline","theme":"either","plate":2489,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/camera-flash-pill-button.webp","controls":5,"verified":true,"security":"clean","slop":0,"url":"https://fieldbook.lizardi.mx/components/camera-flash-pill-button"},{"slug":"candle-price-chart","title":"Candle Price Chart","description":"An OHLC candlestick chart with up and down colored candles, a wick per period, and a hover tooltip showing open, high, low and close.","category":"charts","tags":["candlestick","chart","ohlc","price","trading","tooltip","svg"],"frame":"wide","theme":"dark","plate":2086,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/candle-price-chart.webp","controls":4,"verified":true,"security":"clean","slop":40,"url":"https://fieldbook.lizardi.mx/components/candle-price-chart"},{"plate":2118,"slug":"caption-style-date-picker","title":"Caption Style Date Picker","category":"inputs","url":"https://fieldbook.lizardi.mx/components/caption-style-date-picker","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/caption-style-date-picker.webp"},{"slug":"captioned-like-button","title":"Captioned Like Button","description":"An icon-only heart button that reveals a caption rising from beneath on hover or focus, and fills solid with a quick overshoot when liked.","category":"buttons","tags":["button","like","heart","toggle","caption","hover","count"],"frame":"inline","theme":"either","plate":2550,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/captioned-like-button.webp","controls":6,"verified":true,"security":"clean","slop":0,"url":"https://fieldbook.lizardi.mx/components/captioned-like-button"},{"slug":"card-blur-tabs","title":"Card blur tabs","description":"Tabs framed in a bordered card whose content briefly blurs and crossfades when you switch panels, with a sliding pill behind the active tab label.","category":"navigation","tags":["tabs","card","blur","crossfade","form","accessible"],"frame":"card","theme":"either","plate":1928,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/card-blur-tabs.webp","controls":3,"verified":true,"security":"clean","slop":8,"url":"https://fieldbook.lizardi.mx/components/card-blur-tabs"},{"slug":"card-shuffle-stack","title":"Card Shuffle Stack","description":"A fanned stack of panels that cycles on a timer: the front panel drops away, the rest step forward, and the dropped one swings in at the back.","category":"cards","tags":["card","stack","deck","shuffle","rotate","perspective","carousel"],"frame":"card","theme":"dark","plate":1846,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/card-shuffle-stack.webp","controls":6,"verified":true,"security":"clean","slop":8,"url":"https://fieldbook.lizardi.mx/components/card-shuffle-stack"},{"plate":2310,"slug":"card-style-invoice-table","title":"Card Style Invoice Table","category":"data-display","url":"https://fieldbook.lizardi.mx/components/card-style-invoice-table","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/card-style-invoice-table.webp"},{"plate":2311,"slug":"card-to-fullscreen-modal","title":"Card to fullscreen modal","category":"overlays","url":"https://fieldbook.lizardi.mx/components/card-to-fullscreen-modal","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/card-to-fullscreen-modal.webp"},{"slug":"caret-tail-link","title":"Caret tail link","description":"A quiet text link with a small angle bracket riding just past its last letter, which slides outward and gains an underline on hover.","category":"buttons","tags":["link","caret","inline","hover","navigation","text"],"frame":"inline","theme":"either","plate":2508,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/caret-tail-link.webp","controls":5,"verified":true,"security":"clean","slop":24,"url":"https://fieldbook.lizardi.mx/components/caret-tail-link"},{"slug":"cartridge-fire-button","title":"Cartridge fire button","description":"A novelty button shaped like a brass shell case, with a projectile tucked behind its nose that shoots out and reloads when pressed.","category":"buttons","tags":["button","novelty","shell","projectile","press","recoil","metal"],"frame":"inline","theme":"either","plate":2312,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/cartridge-fire-button.webp","controls":5,"verified":true,"security":"clean","slop":14,"url":"https://fieldbook.lizardi.mx/components/cartridge-fire-button"},{"plate":1847,"slug":"carved-pill-button","title":"Carved Pill Button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/carved-pill-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/carved-pill-button.webp"},{"slug":"cascading-letter-reveal","title":"Cascading Letter Reveal","description":"A headline that reveals itself letter by letter with a soft rise and fade as it enters view, then holds steady once finished.","category":"text-effects","tags":["reveal","stagger","headline","entrance","typography"],"frame":"card","theme":"either","plate":2824,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/cascading-letter-reveal.webp","controls":5,"verified":true,"security":"clean","slop":8,"url":"https://fieldbook.lizardi.mx/components/cascading-letter-reveal"},{"plate":2851,"slug":"case-study-outcomes","title":"Case study outcomes","category":"marketing","url":"https://fieldbook.lizardi.mx/components/case-study-outcomes","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/case-study-outcomes.webp"},{"plate":2287,"slug":"category-dot-line","title":"Category dot line","category":"charts","url":"https://fieldbook.lizardi.mx/components/category-dot-line","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/category-dot-line.webp"},{"plate":1674,"slug":"celebration-burst","title":"Celebration burst","category":"animation","url":"https://fieldbook.lizardi.mx/components/celebration-burst","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/celebration-burst.webp"},{"plate":2471,"slug":"center-bloom-button","title":"Center bloom button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/center-bloom-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/center-bloom-button.webp"},{"plate":1848,"slug":"center-out-fill-button","title":"Center out fill button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/center-out-fill-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/center-out-fill-button.webp"},{"slug":"center-out-underline-link","title":"Center out underline link","description":"A navigation link whose underline grows outward from the middle to both ends on hover and retracts back to a point when the pointer leaves.","category":"buttons","tags":["link","underline","nav","hover","text","menu"],"frame":"inline","theme":"either","plate":1929,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/center-out-underline-link.webp","controls":5,"verified":true,"security":"clean","slop":6,"url":"https://fieldbook.lizardi.mx/components/center-out-underline-link"},{"slug":"centered-modal-frame","title":"Centered modal frame","description":"A plain centered modal that fades and scales in over a dimmed backdrop, with a header, body and footer, for everyday forms and confirmations.","category":"overlays","tags":["dialog","modal","form","centered","backdrop","confirm"],"frame":"card","theme":"either","plate":2119,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/centered-modal-frame.webp","controls":4,"verified":true,"security":"clean","slop":18,"url":"https://fieldbook.lizardi.mx/components/centered-modal-frame"},{"plate":2733,"slug":"centered-signup-card","title":"Centered signup card","category":"pages","url":"https://fieldbook.lizardi.mx/components/centered-signup-card","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/centered-signup-card.webp"},{"slug":"chameleon-pill-navbar","title":"Chameleon pill navbar","description":"A row of nav links in one dark capsule where the active link splits into its own pill and the rest close back up around it.","category":"navigation","tags":["navbar","pill navigation","morphing shape","site nav"],"frame":"wide","theme":"either","plate":2120,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/chameleon-pill-navbar.webp","controls":3,"verified":true,"security":"clean","slop":0,"url":"https://fieldbook.lizardi.mx/components/chameleon-pill-navbar"},{"slug":"changelog-feed","title":"Changelog feed","description":"A searchable release feed expands release notes and lets readers mark the selected update as read.","category":"marketing","tags":["workflow","product","interactive","controlled-state"],"frame":"wide","theme":"dark","plate":2852,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/changelog-feed.webp","controls":3,"verified":true,"security":"clean","slop":26,"url":"https://fieldbook.lizardi.mx/components/changelog-feed"},{"slug":"channel-tile-row","title":"Channel tile row","description":"A wrapping row of square icon tiles under a small caption, where each tile crossfades to its own reserved colour on hover.","category":"buttons","tags":["buttons","tiles","icons","grid","hover tint","row","contact"],"frame":"card","theme":"either","plate":2313,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/channel-tile-row.webp","controls":5,"verified":true,"security":"clean","slop":0,"url":"https://fieldbook.lizardi.mx/components/channel-tile-row"},{"slug":"character-budget-counter","title":"Character budget counter","description":"A compose field with a remaining-characters readout that punches on a spring and warms in color as the budget runs out.","category":"inputs","tags":["character count","input","limit","spring","counter","compose","validation","feedback"],"frame":"card","theme":"either","plate":2760,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/character-budget-counter.webp","controls":5,"verified":true,"security":"clean","slop":22,"url":"https://fieldbook.lizardi.mx/components/character-budget-counter"},{"plate":2825,"slug":"character-shuffle-reveal","title":"Character shuffle reveal","category":"text-effects","url":"https://fieldbook.lizardi.mx/components/character-shuffle-reveal","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/character-shuffle-reveal.webp"},{"slug":"character-wave-shimmer","title":"Shimmer Wave Text","description":"A brightness wave sweeps once across a line of text, lighting each character in turn before it dims back, then pauses briefly and repeats.","category":"text-effects","tags":["shimmer","wave","loading label","badge text","per character"],"frame":"inline","theme":"either","plate":1930,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/character-wave-shimmer.webp","controls":4,"verified":true,"security":"clean","slop":0,"url":"https://fieldbook.lizardi.mx/components/character-wave-shimmer"},{"plate":2314,"slug":"charge-up-action-button","title":"Charge Up Action Button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/charge-up-action-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/charge-up-action-button.webp"},{"plate":1931,"slug":"chart-plot-texture","title":"Chart Plot Texture","category":"charts","url":"https://fieldbook.lizardi.mx/components/chart-plot-texture","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/chart-plot-texture.webp"},{"plate":2087,"slug":"chart-reference-band","title":"Chart reference band","category":"charts","url":"https://fieldbook.lizardi.mx/components/chart-reference-band","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/chart-reference-band.webp"},{"plate":2675,"slug":"chat-launcher-morph-button","title":"Chat launcher morph","category":"buttons","url":"https://fieldbook.lizardi.mx/components/chat-launcher-morph-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/chat-launcher-morph-button.webp"},{"plate":2315,"slug":"chat-message-thread","title":"Chat message thread","category":"data-display","url":"https://fieldbook.lizardi.mx/components/chat-message-thread","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/chat-message-thread.webp"},{"slug":"check-draw-toggle","title":"Check draw toggle","description":"A square checkbox whose checkmark draws itself stroke by stroke when checked, with a soft press and hover scale.","category":"inputs","tags":["checkbox","checkmark","draw animation","toggle","form control"],"frame":"inline","theme":"either","plate":1932,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/check-draw-toggle.webp","controls":4,"verified":true,"security":"clean","slop":20,"url":"https://fieldbook.lizardi.mx/components/check-draw-toggle"},{"slug":"check-stroke-submit-button","title":"Check stroke submit","description":"A compact filled submit button whose leading checkmark draws itself stroke by stroke when the action succeeds.","category":"buttons","tags":["button","submit","checkmark","confirm","stroke","success"],"frame":"inline","theme":"either","plate":2594,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/check-stroke-submit-button.webp","controls":5,"verified":true,"security":"clean","slop":2,"url":"https://fieldbook.lizardi.mx/components/check-stroke-submit-button"},{"plate":2121,"slug":"checkable-action-menu","title":"Checkable action menu","category":"overlays","url":"https://fieldbook.lizardi.mx/components/checkable-action-menu","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/checkable-action-menu.webp"},{"plate":1933,"slug":"checkbox-motion-lab","title":"Checkbox motion lab","category":"inputs","url":"https://fieldbook.lizardi.mx/components/checkbox-motion-lab","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/checkbox-motion-lab.webp"},{"plate":1934,"slug":"checkmark-draw-checkbox","title":"Checkmark draw checkbox","category":"inputs","url":"https://fieldbook.lizardi.mx/components/checkmark-draw-checkbox","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/checkmark-draw-checkbox.webp"},{"plate":1935,"slug":"chevron-accordion-list","title":"Chevron accordion list","category":"data-display","url":"https://fieldbook.lizardi.mx/components/chevron-accordion-list","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/chevron-accordion-list.webp"},{"slug":"chevron-flip-tile","title":"Chevron flip tile","description":"A square icon tile whose chevron hinges flat and reopens pointing the other way, each half pivoting on the joint where they meet.","category":"buttons","tags":["chevron","toggle","icon button","hinge","flip","tile"],"frame":"inline","theme":"dark","plate":1936,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/chevron-flip-tile.webp","controls":5,"verified":true,"security":"clean","slop":16,"url":"https://fieldbook.lizardi.mx/components/chevron-flip-tile"},{"plate":2316,"slug":"chip-legend-pie","title":"Chip legend pie","category":"charts","url":"https://fieldbook.lizardi.mx/components/chip-legend-pie","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/chip-legend-pie.webp"},{"plate":2317,"slug":"cipher-reveal-text","title":"Cipher reveal text","category":"text-effects","url":"https://fieldbook.lizardi.mx/components/cipher-reveal-text","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/cipher-reveal-text.webp"},{"plate":2695,"slug":"circle-plus-add-button","title":"Circle plus add button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/circle-plus-add-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/circle-plus-add-button.webp"},{"plate":2318,"slug":"circle-reveal-sidebar","title":"Circle reveal sidebar","category":"navigation","url":"https://fieldbook.lizardi.mx/components/circle-reveal-sidebar","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/circle-reveal-sidebar.webp"},{"plate":2319,"slug":"circled-arrow-pill-button","title":"Circled Arrow Pill","category":"buttons","url":"https://fieldbook.lizardi.mx/components/circled-arrow-pill-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/circled-arrow-pill-button.webp"},{"slug":"circular-hover-speed-ring","title":"Circular hover speed ring","description":"A phrase spins slowly around a circle until the pointer arrives, then snaps to a fast spin and grows slightly before easing back once the pointer leaves.","category":"text-effects","tags":["circular text","hover speed","ring","spin","interactive"],"frame":"card","theme":"either","plate":2320,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/circular-hover-speed-ring.webp","controls":4,"verified":true,"security":"clean","slop":0,"url":"https://fieldbook.lizardi.mx/components/circular-hover-speed-ring"},{"plate":1765,"slug":"circular-wipe-switcher","title":"Circular wipe switcher","category":"animation","url":"https://fieldbook.lizardi.mx/components/circular-wipe-switcher","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/circular-wipe-switcher.webp"},{"plate":2598,"slug":"clamp-jaws-glow-button","title":"Clamp jaws glow button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/clamp-jaws-glow-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/clamp-jaws-glow-button.webp"},{"plate":2321,"slug":"clean-text-field","title":"Clean Text Field","category":"inputs","url":"https://fieldbook.lizardi.mx/components/clean-text-field","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/clean-text-field.webp"},{"slug":"click-ripple-burst","title":"Click ripple burst","description":"A pointer-feedback effect that spawns a brief animated shape exactly where the user clicks or taps.","category":"feedback","tags":["click","ripple","feedback","pointer","tap"],"frame":"card","theme":"dark","plate":1937,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/click-ripple-burst.webp","controls":4,"verified":true,"security":"clean","slop":18,"url":"https://fieldbook.lizardi.mx/components/click-ripple-burst"},{"plate":2122,"slug":"click-spark-burst","title":"Click spark burst","category":"feedback","url":"https://fieldbook.lizardi.mx/components/click-spark-burst","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/click-spark-burst.webp"},{"plate":1938,"slug":"code-cover-card","title":"Code cover card","category":"forms","url":"https://fieldbook.lizardi.mx/components/code-cover-card","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/code-cover-card.webp"},{"plate":1675,"slug":"coiled-spring-drag","title":"Coiled Spring Drag","category":"animation","url":"https://fieldbook.lizardi.mx/components/coiled-spring-drag","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/coiled-spring-drag.webp"},{"plate":1939,"slug":"collapsible-app-sidebar","title":"Collapsible app sidebar","category":"navigation","url":"https://fieldbook.lizardi.mx/components/collapsible-app-sidebar","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/collapsible-app-sidebar.webp"},{"plate":2322,"slug":"collapsible-app-sidebar-2","title":"Collapsible App Sidebar","category":"navigation","url":"https://fieldbook.lizardi.mx/components/collapsible-app-sidebar-2","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/collapsible-app-sidebar-2.webp"},{"plate":1940,"slug":"collapsible-icon-sidebar","title":"Collapsible Icon Sidebar","category":"navigation","url":"https://fieldbook.lizardi.mx/components/collapsible-icon-sidebar","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/collapsible-icon-sidebar.webp"},{"slug":"collapsing-share-button","title":"Collapsing share button","description":"A labelled pill that shrinks to a round glyph while a strip of link tiles floats into the space it left.","category":"buttons","tags":["button","share","collapse","menu","reveal","tiles","toggle"],"frame":"card","theme":"either","plate":2553,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/collapsing-share-button.webp","controls":5,"verified":true,"security":"clean","slop":8,"url":"https://fieldbook.lizardi.mx/components/collapsing-share-button"},{"plate":2123,"slug":"collapsing-trail-breadcrumb","title":"Collapsing trail breadcrumb","category":"navigation","url":"https://fieldbook.lizardi.mx/components/collapsing-trail-breadcrumb","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/collapsing-trail-breadcrumb.webp"},{"slug":"color-band-text-reveal","title":"Color Band Text Reveal","description":"A soft band of several colors glides once across a line of text with an ease-in ease-out motion, tinting each letter as it passes before the text settles into a solid color.","category":"text-effects","tags":["color-sweep","text-reveal","gradient-band","headline"],"frame":"card","theme":"either","plate":2124,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/color-band-text-reveal.webp","controls":4,"verified":true,"security":"clean","slop":14,"url":"https://fieldbook.lizardi.mx/components/color-band-text-reveal"},{"plate":1766,"slug":"color-blend-compare","title":"Color blend compare","category":"animation","url":"https://fieldbook.lizardi.mx/components/color-blend-compare","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/color-blend-compare.webp"},{"plate":2603,"slug":"color-relay-sign-in-button","title":"Color relay sign-in","category":"buttons","url":"https://fieldbook.lizardi.mx/components/color-relay-sign-in-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/color-relay-sign-in-button.webp"},{"slug":"color-swap-play-button","title":"Color swap play button","description":"An uppercase play pill that trades its ground and text colors on hover, lifting as its colored glow turns dark.","category":"buttons","tags":["button","play","invert","uppercase","glow","hover"],"frame":"inline","theme":"either","plate":1849,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/color-swap-play-button.webp","controls":4,"verified":true,"security":"clean","slop":0,"url":"https://fieldbook.lizardi.mx/components/color-swap-play-button"},{"slug":"column-visibility-picker","title":"Column visibility picker","description":"Choose visible account columns and preview the resulting table.","category":"blocks","tags":["data","workspace","column","interactive"],"frame":"wide","theme":"dark","plate":2853,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/column-visibility-picker.webp","controls":3,"verified":true,"security":"clean","slop":8,"url":"https://fieldbook.lizardi.mx/components/column-visibility-picker"},{"plate":2542,"slug":"comb-wipe-invert-button","title":"Comb wipe invert button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/comb-wipe-invert-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/comb-wipe-invert-button.webp"},{"plate":2907,"slug":"combed-ink-marbling","title":"Combed ink marbling","category":"backgrounds","url":"https://fieldbook.lizardi.mx/components/combed-ink-marbling","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/combed-ink-marbling.webp"},{"slug":"combobox-field","title":"Combobox field","description":"A searchable dropdown field: typing filters a list of options live, and picking one fills the field.","category":"inputs","tags":["combobox","autocomplete","search","filter","dropdown"],"frame":"card","theme":"either","plate":2761,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/combobox-field.webp","controls":3,"verified":true,"security":"clean","slop":26,"url":"https://fieldbook.lizardi.mx/components/combobox-field"},{"plate":1941,"slug":"comet-rain","title":"Comet rain","category":"backgrounds","url":"https://fieldbook.lizardi.mx/components/comet-rain","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/comet-rain.webp"},{"plate":2125,"slug":"comic-pop-text","title":"Comic pop text","category":"text-effects","url":"https://fieldbook.lizardi.mx/components/comic-pop-text","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/comic-pop-text.webp"},{"plate":1527,"slug":"command-palette","title":"Command palette","category":"overlays","url":"https://fieldbook.lizardi.mx/components/command-palette","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/command-palette.webp"},{"slug":"command-palette-search","title":"Command Palette Search","description":"A keyboard-summoned overlay with a search field at top and a live-filtered, grouped list of commands below it, navigated entirely by keyboard and run with Enter.","category":"overlays","tags":["command palette","search overlay","quick actions"],"frame":"card","theme":"dark","plate":2272,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/command-palette-search.webp","controls":3,"verified":true,"security":"clean","slop":40,"url":"https://fieldbook.lizardi.mx/components/command-palette-search"},{"plate":2762,"slug":"command-search-palette","title":"Command search palette","category":"inputs","url":"https://fieldbook.lizardi.mx/components/command-search-palette","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/command-search-palette.webp"},{"plate":2126,"slug":"compact-time-range-picker","title":"Compact Time Range Picker","category":"inputs","url":"https://fieldbook.lizardi.mx/components/compact-time-range-picker","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/compact-time-range-picker.webp"},{"plate":2127,"slug":"compass-bar-grid","title":"Compass bar grid","category":"animation","url":"https://fieldbook.lizardi.mx/components/compass-bar-grid","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/compass-bar-grid.webp"},{"slug":"compass-share-burst","title":"Compass share burst","description":"A round share button that fans its destination chips out to the compass points in a staggered burst and pulls them back home in reverse order.","category":"buttons","tags":["share","radial","fan","menu","stagger","round"],"frame":"card","theme":"light","plate":2604,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/compass-share-burst.webp","controls":5,"verified":true,"security":"clean","slop":8,"url":"https://fieldbook.lizardi.mx/components/compass-share-burst"},{"slug":"composable-reveal","title":"Composable Reveal","description":"One reveal wrapper whose slide, fade, zoom and defocus parts can each be switched on and combined into a single spring transition.","category":"animation","tags":["reveal","entrance","composable","scroll","spring","transition","wrapper"],"frame":"card","theme":"either","plate":1676,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/composable-reveal.webp","controls":6,"verified":true,"security":"clean","slop":10,"url":"https://fieldbook.lizardi.mx/components/composable-reveal"},{"slug":"concentric-goal-rings","title":"Concentric goal rings","description":"Three nested progress rings that draw themselves in sequence beside a readout of each goal's current and target value.","category":"data-display","tags":["progress","rings","activity","goals","dashboard","stats"],"frame":"card","theme":"either","plate":2128,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/concentric-goal-rings.webp","controls":5,"verified":true,"security":"clean","slop":0,"url":"https://fieldbook.lizardi.mx/components/concentric-goal-rings"},{"plate":1677,"slug":"concentric-pulse-rings","title":"Concentric pulse rings","category":"backgrounds","url":"https://fieldbook.lizardi.mx/components/concentric-pulse-rings","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/concentric-pulse-rings.webp"},{"slug":"concentric-ring-button","title":"Concentric ring button","description":"A button sitting over a huge stack of concentric rings that slides across on hover while the whole plate shifts from a warm ramp to a cool one.","category":"buttons","tags":["button","concentric-rings","target","hover","color-ramp"],"frame":"inline","theme":"either","plate":2643,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/concentric-ring-button.webp","controls":5,"verified":true,"security":"clean","slop":8,"url":"https://fieldbook.lizardi.mx/components/concentric-ring-button"},{"slug":"concentric-ring-chart","title":"Concentric Ring Chart","description":"Nested progress rings that sweep to their own percentage on mount and share a live center total, like a multi-dial gauge.","category":"charts","tags":["ring chart","donut","progress","concentric","gauge","dashboard"],"frame":"card","theme":"either","plate":2088,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/concentric-ring-chart.webp","controls":5,"verified":true,"security":"clean","slop":18,"url":"https://fieldbook.lizardi.mx/components/concentric-ring-chart"},{"plate":2323,"slug":"concentric-ring-radar","title":"Concentric Ring Radar","category":"charts","url":"https://fieldbook.lizardi.mx/components/concentric-ring-radar","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/concentric-ring-radar.webp"},{"plate":1942,"slug":"confirm-action-dialog","title":"Confirm action dialog","category":"overlays","url":"https://fieldbook.lizardi.mx/components/confirm-action-dialog","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/confirm-action-dialog.webp"},{"slug":"confirm-action-modal","title":"Confirm action modal","description":"A centered confirmation dialog that springs open over a dimming backdrop, asking the visitor to confirm or cancel a destructive action.","category":"overlays","tags":["modal","dialog","confirm","backdrop","overlay","destructive"],"frame":"card","theme":"dark","plate":2324,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/confirm-action-modal.webp","controls":4,"verified":true,"security":"clean","slop":18,"url":"https://fieldbook.lizardi.mx/components/confirm-action-modal"},{"plate":2325,"slug":"confirm-delete-modal","title":"Confirm Delete Modal","category":"overlays","url":"https://fieldbook.lizardi.mx/components/confirm-delete-modal","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/confirm-delete-modal.webp"},{"plate":2854,"slug":"connected-apps-manager","title":"Connected apps manager","category":"blocks","url":"https://fieldbook.lizardi.mx/components/connected-apps-manager","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/connected-apps-manager.webp"},{"plate":1767,"slug":"connector-pulse-beam","title":"Connector Pulse Beam","category":"animation","url":"https://fieldbook.lizardi.mx/components/connector-pulse-beam","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/connector-pulse-beam.webp"},{"slug":"consequence-confirm-dialog","title":"Consequence confirm dialog","description":"A confirmation dialog that tilts into view from a chosen edge and blocks the page until the visitor explicitly cancels or continues.","category":"overlays","tags":["dialog","confirmation","alert","perspective","tilt","modal"],"frame":"card","theme":"either","plate":1943,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/consequence-confirm-dialog.webp","controls":4,"verified":true,"security":"clean","slop":26,"url":"https://fieldbook.lizardi.mx/components/consequence-confirm-dialog"},{"plate":2326,"slug":"content-divider-rule","title":"Content Divider Rule","category":"data-display","url":"https://fieldbook.lizardi.mx/components/content-divider-rule","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/content-divider-rule.webp"},{"slug":"content-loading-card","title":"Content Loading Card","description":"A card-shaped placeholder that breathes with a slow opacity pulse while a large image block and two lines of text are still loading.","category":"feedback","tags":["skeleton","loading","placeholder","pulse"],"frame":"card","theme":"either","plate":2129,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/content-loading-card.webp","controls":2,"verified":true,"security":"clean","slop":8,"url":"https://fieldbook.lizardi.mx/components/content-loading-card"},{"slug":"context-attachment-tray","title":"Context attachment tray","description":"Select context documents, preview their content, and remove them from the current tray.","category":"blocks","tags":["agent","workspace","context","interactive"],"frame":"wide","theme":"dark","plate":2855,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/context-attachment-tray.webp","controls":3,"verified":true,"security":"clean","slop":8,"url":"https://fieldbook.lizardi.mx/components/context-attachment-tray"},{"slug":"contour-field-backdrop","title":"Contour Field","description":"A full-bleed animated backdrop of nested elevation contours that swell and merge, with the pointer raising a soft bump in the terrain.","category":"backgrounds","tags":["contour","topographic","elevation","background","canvas","lines","terrain","ambient"],"frame":"full","theme":"dark","plate":2130,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/contour-field-backdrop.webp","controls":5,"verified":true,"security":"clean","slop":0,"url":"https://fieldbook.lizardi.mx/components/contour-field-backdrop"},{"plate":2659,"slug":"contrast-boost-frame-button","title":"Contrast Boost Frame Button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/contrast-boost-frame-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/contrast-boost-frame-button.webp"},{"slug":"converging-chevron-button","title":"Converging chevron button","description":"Two arrow shaped plates fly in from opposite sides and meet in the middle of the button, sealing it shut behind the label.","category":"buttons","tags":["button","chevron","arrow","converge","fill","invert","seal"],"frame":"inline","theme":"either","plate":2684,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/converging-chevron-button.webp","controls":5,"verified":true,"security":"clean","slop":32,"url":"https://fieldbook.lizardi.mx/components/converging-chevron-button"},{"plate":2131,"slug":"conversation-bubbles","title":"Conversation bubbles","category":"data-display","url":"https://fieldbook.lizardi.mx/components/conversation-bubbles","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/conversation-bubbles.webp"},{"plate":1630,"slug":"copy-confirm-button","title":"Copy confirm button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/copy-confirm-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/copy-confirm-button.webp"},{"plate":2590,"slug":"copy-flick-tile","title":"Copy flick tile","category":"buttons","url":"https://fieldbook.lizardi.mx/components/copy-flick-tile","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/copy-flick-tile.webp"},{"slug":"corner-bracket-frame-button","title":"Corner bracket frame button","description":"A bare uppercase label that gets boxed in by two L-shaped brackets sliding in from opposite sides and then growing to close the frame.","category":"buttons","tags":["button","outline","corner","bracket","frame","hover"],"frame":"inline","theme":"either","plate":2596,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/corner-bracket-frame-button.webp","controls":5,"verified":true,"security":"clean","slop":8,"url":"https://fieldbook.lizardi.mx/components/corner-bracket-frame-button"},{"slug":"corner-bracket-seal-button","title":"Corner bracket seal button","description":"Two short corner brackets grow along the edges until they seal into a complete frame around the label on hover.","category":"buttons","tags":["button","outline","corners","frame","hover","glow","brackets"],"frame":"inline","theme":"dark","plate":2644,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/corner-bracket-seal-button.webp","controls":6,"verified":true,"security":"clean","slop":0,"url":"https://fieldbook.lizardi.mx/components/corner-bracket-seal-button"},{"plate":2577,"slug":"corner-bracket-target-button","title":"Corner bracket target button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/corner-bracket-target-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/corner-bracket-target-button.webp"},{"plate":1678,"slug":"corner-flood-button","title":"Corner flood button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/corner-flood-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/corner-flood-button.webp"},{"slug":"corner-light-rays","title":"Corner light rays","description":"Wide shafts of light fan in from one corner, two tinted fans crossing at slightly different angles and slowly breathing.","category":"backgrounds","tags":["rays","shafts","light","corner","fan","canvas","ambient"],"frame":"full","theme":"dark","plate":2132,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/corner-light-rays.webp","controls":6,"verified":true,"security":"clean","slop":0,"url":"https://fieldbook.lizardi.mx/components/corner-light-rays"},{"plate":1944,"slug":"corner-ticks-frame-button","title":"Corner ticks frame button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/corner-ticks-frame-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/corner-ticks-frame-button.webp"},{"slug":"count-badge-cluster","title":"Count badge cluster","description":"A row of word pills and compact numeric tokens for labeling or counting things inline.","category":"feedback","tags":["badge","pill","count","tag","status"],"frame":"inline","theme":"either","plate":1945,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/count-badge-cluster.webp","controls":4,"verified":true,"security":"clean","slop":0,"url":"https://fieldbook.lizardi.mx/components/count-badge-cluster"},{"plate":2711,"slug":"count-sweep-cta","title":"Count Sweep CTA","category":"buttons","url":"https://fieldbook.lizardi.mx/components/count-sweep-cta","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/count-sweep-cta.webp"},{"slug":"count-up-number","title":"Count Up Number","description":"A large numeral that springs from a starting value up to a target once it scrolls into view, overshooting slightly before it settles.","category":"text-effects","tags":["counter","number","stat","animation"],"frame":"inline","theme":"either","plate":2327,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/count-up-number.webp","controls":4,"verified":true,"security":"clean","slop":0,"url":"https://fieldbook.lizardi.mx/components/count-up-number"},{"plate":1946,"slug":"count-wheel-badge","title":"Count wheel badge","category":"data-display","url":"https://fieldbook.lizardi.mx/components/count-wheel-badge","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/count-wheel-badge.webp"},{"slug":"counting-follow-chip","title":"Counting follow chip","description":"An outlined chip that pairs a label with a follower count, rolling the changed digits up through a masked window when latched and back down when released.","category":"buttons","tags":["button","follow","count","odometer","chip","toggle"],"frame":"inline","theme":"either","plate":2472,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/counting-follow-chip.webp","controls":5,"verified":true,"security":"clean","slop":10,"url":"https://fieldbook.lizardi.mx/components/counting-follow-chip"},{"plate":2133,"slug":"counting-metric","title":"Counting metric","category":"data-display","url":"https://fieldbook.lizardi.mx/components/counting-metric","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/counting-metric.webp"},{"slug":"counting-number-readout","title":"Counting number readout","description":"A large stat that counts up to its value on a decelerating curve, writing the text directly each frame so the layout never jitters.","category":"data-display","tags":["counter","number","stat","count-up","metric","tabular","readout","value"],"frame":"card","theme":"either","plate":2328,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/counting-number-readout.webp","controls":5,"verified":true,"security":"clean","slop":0,"url":"https://fieldbook.lizardi.mx/components/counting-number-readout"},{"plate":2134,"slug":"counting-readout","title":"Counting readout","category":"data-display","url":"https://fieldbook.lizardi.mx/components/counting-readout","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/counting-readout.webp"},{"plate":2135,"slug":"crackling-border-frame","title":"Crackling border frame","category":"animation","url":"https://fieldbook.lizardi.mx/components/crackling-border-frame","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/crackling-border-frame.webp"},{"slug":"crank-sea-automaton","title":"Crank sea automaton","description":"A plywood automaton where turning the crank spins a row of cams that lift wooden fish over sliding waves, with enough weight that a flick keeps it turning.","category":"animation","tags":["automaton","crank","cams","mechanism","wood","toy","inertia","canvas","touch","interactive"],"frame":"card","theme":"dark","plate":2908,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/crank-sea-automaton.webp","controls":8,"verified":true,"security":"clean","slop":0,"url":"https://fieldbook.lizardi.mx/components/crank-sea-automaton"},{"slug":"credit-balance-ledger","title":"Credit balance ledger","description":"Inspect account credits and apply an eligible balance to an open invoice with a ledger entry.","category":"data-display","tags":["billing","commercial","finance"],"frame":"wide","theme":"dark","plate":2856,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/credit-balance-ledger.webp","controls":2,"verified":true,"security":"clean","slop":0,"url":"https://fieldbook.lizardi.mx/components/credit-balance-ledger"},{"plate":2502,"slug":"cross-morph-menu-button","title":"Cross morph menu button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/cross-morph-menu-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/cross-morph-menu-button.webp"},{"plate":1679,"slug":"crossing-ripple-tile-button","title":"Crossing ripple tile","category":"buttons","url":"https://fieldbook.lizardi.mx/components/crossing-ripple-tile-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/crossing-ripple-tile-button.webp"},{"slug":"crt-terminal-static","title":"CRT terminal static","description":"A full bleed grid of glowing block glyphs that boils, rolls and tears like a failing monochrome monitor.","category":"backgrounds","tags":["background","terminal","glyph","scanline","glitch","canvas","monochrome","retro"],"frame":"full","theme":"dark","plate":1680,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/crt-terminal-static.webp","controls":6,"verified":true,"security":"clean","slop":14,"url":"https://fieldbook.lizardi.mx/components/crt-terminal-static"},{"plate":2857,"slug":"csv-import-mapper","title":"CSV import mapper","category":"blocks","url":"https://fieldbook.lizardi.mx/components/csv-import-mapper","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/csv-import-mapper.webp"},{"slug":"cube-flip-letters","title":"Cube flip letters","description":"Hovering a line turns every letter a quarter turn in 3D, one after another from a chosen origin, revealing a second face that carries the same glyph in the accent.","category":"text-effects","tags":["text","flip","3d","hover","letters","stagger"],"frame":"card","theme":"either","plate":2136,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/cube-flip-letters.webp","controls":5,"verified":true,"security":"clean","slop":0,"url":"https://fieldbook.lizardi.mx/components/cube-flip-letters"},{"plate":2137,"slug":"cursor-chase-tooltip","title":"Cursor-chasing tooltip","category":"overlays","url":"https://fieldbook.lizardi.mx/components/cursor-chase-tooltip","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/cursor-chase-tooltip.webp"},{"slug":"cursor-drift-link-preview","title":"Cursor drift link preview","description":"A link preview panel that leans toward wherever the pointer sits on the link, trailing it on a soft spring.","category":"cards","tags":["link preview","cursor follow","spring","hover card","parallax","popover"],"frame":"card","theme":"either","plate":1768,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/cursor-drift-link-preview.webp","controls":4,"verified":true,"security":"clean","slop":16,"url":"https://fieldbook.lizardi.mx/components/cursor-drift-link-preview"},{"plate":1947,"slug":"cursor-fluid-trail","title":"Cursor fluid trail","category":"backgrounds","url":"https://fieldbook.lizardi.mx/components/cursor-fluid-trail","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/cursor-fluid-trail.webp"},{"plate":2329,"slug":"cursor-magnifier-lens","title":"Cursor magnifier lens","category":"media","url":"https://fieldbook.lizardi.mx/components/cursor-magnifier-lens","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/cursor-magnifier-lens.webp"},{"plate":1681,"slug":"cursor-trail-grid","title":"Cursor trail grid","category":"backgrounds","url":"https://fieldbook.lizardi.mx/components/cursor-trail-grid","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/cursor-trail-grid.webp"},{"slug":"curtain-line-loader","title":"Curtain line loader","description":"A loading curtain that retreats behind a bright travelling line, cutting the finished content into view instead of fading it in.","category":"feedback","tags":["loader","reveal","wipe","curtain","clip-path","loading"],"frame":"card","theme":"dark","plate":2138,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/curtain-line-loader.webp","controls":5,"verified":true,"security":"clean","slop":14,"url":"https://fieldbook.lizardi.mx/components/curtain-line-loader"},{"slug":"curtain-scroll-reveal","title":"Curtain scroll reveal","description":"A row of images that each uncover from behind a sliding curtain mask as scroll progress carries them into view, and re-cover when they scroll back out.","category":"scroll","tags":["scroll reveal","curtain","image mask","scroll animation","gallery"],"frame":"wide","theme":"dark","plate":2832,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/curtain-scroll-reveal.webp","controls":3,"verified":true,"security":"clean","slop":40,"url":"https://fieldbook.lizardi.mx/components/curtain-scroll-reveal"},{"plate":2793,"slug":"curved-input-bar","title":"Curved input bar","category":"inputs","url":"https://fieldbook.lizardi.mx/components/curved-input-bar","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/curved-input-bar.webp"},{"slug":"curved-scroll-wall","title":"Curved Scroll Wall","description":"A horizontally scrolling wall of photos rendered on a gently curved, bowed plane that keeps scrolling infinitely in either direction.","category":"layout","tags":["gallery","curved-scroll","infinite-loop","drag","canvas"],"frame":"wide","theme":"dark","plate":2330,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/curved-scroll-wall.webp","controls":4,"verified":true,"security":"clean","slop":8,"url":"https://fieldbook.lizardi.mx/components/curved-scroll-wall"},{"plate":2331,"slug":"curved-text-loop","title":"Curved Text Loop","category":"text-effects","url":"https://fieldbook.lizardi.mx/components/curved-text-loop","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/curved-text-loop.webp"},{"slug":"custom-shell-lightbox","title":"Custom shell lightbox","description":"A gallery grid that opens a borderless full-bleed lightbox, showing how one open, close and focus engine can wear a completely custom shell.","category":"overlays","tags":["lightbox","gallery","overlay","dialog","image-viewer"],"frame":"wide","theme":"dark","plate":1948,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/custom-shell-lightbox.webp","controls":3,"verified":true,"security":"clean","slop":37,"url":"https://fieldbook.lizardi.mx/components/custom-shell-lightbox"},{"slug":"customer-context-sidebar","title":"Customer context sidebar","description":"A compact customer profile exposes workspace context, history and an editable handoff note.","category":"blocks","tags":["workflow","customer","interactive","controlled-state"],"frame":"card","theme":"dark","plate":2858,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/customer-context-sidebar.webp","controls":3,"verified":true,"security":"clean","slop":26,"url":"https://fieldbook.lizardi.mx/components/customer-context-sidebar"},{"slug":"dark-pill-sign-in-button","title":"Dark Pill Sign In","description":"A bordered dark pill for third party sign in that deepens toward black on hover while its label recedes and its border tightens.","category":"buttons","tags":["button","sign in","pill","dark","bordered","mark"],"frame":"inline","theme":"dark","plate":2712,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/dark-pill-sign-in-button.webp","controls":4,"verified":true,"security":"clean","slop":14,"url":"https://fieldbook.lizardi.mx/components/dark-pill-sign-in-button"},{"slug":"dashed-outline-tooltip-button","title":"Dashed outline tooltip button","description":"A dashed ghost button that floods with its accent on hover or focus while a pointed tooltip unrolls out of the edge nearest the button.","category":"buttons","tags":["button","tooltip","dashed","outline","flood","hover","hint"],"frame":"card","theme":"either","plate":2536,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/dashed-outline-tooltip-button.webp","controls":6,"verified":true,"security":"clean","slop":8,"url":"https://fieldbook.lizardi.mx/components/dashed-outline-tooltip-button"},{"plate":2139,"slug":"date-range-picker","title":"Date Range Picker","category":"inputs","url":"https://fieldbook.lizardi.mx/components/date-range-picker","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/date-range-picker.webp"},{"plate":2794,"slug":"date-range-picker-2","title":"Date Range Picker","category":"inputs","url":"https://fieldbook.lizardi.mx/components/date-range-picker-2","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/date-range-picker-2.webp"},{"plate":2332,"slug":"date-time-duo-picker","title":"Date and Time Duo Picker","category":"inputs","url":"https://fieldbook.lizardi.mx/components/date-time-duo-picker","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/date-time-duo-picker.webp"},{"plate":2333,"slug":"day-agenda-calendar","title":"Day Agenda Calendar","category":"inputs","url":"https://fieldbook.lizardi.mx/components/day-agenda-calendar","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/day-agenda-calendar.webp"},{"plate":1631,"slug":"day-night-sweep-toggle","title":"Day night sweep toggle","category":"buttons","url":"https://fieldbook.lizardi.mx/components/day-night-sweep-toggle","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/day-night-sweep-toggle.webp"},{"plate":2490,"slug":"decline-call-circle-button","title":"Decline call circle","category":"buttons","url":"https://fieldbook.lizardi.mx/components/decline-call-circle-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/decline-call-circle-button.webp"},{"plate":1825,"slug":"deep-slab-button","title":"Deep Slab Button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/deep-slab-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/deep-slab-button.webp"},{"slug":"deferred-post-card","title":"Deferred post card","description":"A post card that shows a measured placeholder shell first, then swaps in the real post, with a retryable failure state.","category":"cards","tags":["placeholder","loading state","post card","async","error state","retry"],"frame":"card","theme":"either","plate":1769,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/deferred-post-card.webp","controls":4,"verified":true,"security":"clean","slop":14,"url":"https://fieldbook.lizardi.mx/components/deferred-post-card"},{"plate":2859,"slug":"delegation-task-board","title":"Delegation task board","category":"blocks","url":"https://fieldbook.lizardi.mx/components/delegation-task-board","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/delegation-task-board.webp"},{"slug":"departing-send-button","title":"Departing send button","description":"A send button that flies its glyph off the right edge and empties its label on hover, revealing a second line over a spreading accent wash.","category":"buttons","tags":["send","hover","label swap","glyph","lift","wash"],"frame":"inline","theme":"either","plate":2563,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/departing-send-button.webp","controls":5,"verified":true,"security":"clean","slop":0,"url":"https://fieldbook.lizardi.mx/components/departing-send-button"},{"slug":"destructive-confirm-dialog","title":"Destructive confirm dialog","description":"A confirmation dialog for destructive actions that only closes through its own buttons, refusing to dismiss on a backdrop click or Escape.","category":"overlays","tags":["alert-dialog","confirmation","destructive-action","modal","focus-trap"],"frame":"card","theme":"either","plate":2334,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/destructive-confirm-dialog.webp","controls":3,"verified":true,"security":"clean","slop":26,"url":"https://fieldbook.lizardi.mx/components/destructive-confirm-dialog"},{"slug":"destructive-sweep-button","title":"Destructive sweep button","description":"A delete action whose rose to crimson shading sweeps end to end on hover, tipping the bin lid, with an optional hold to confirm line along the bottom edge.","category":"buttons","tags":["button","destructive","delete","sweep","confirm"],"frame":"inline","theme":"dark","plate":2696,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/destructive-sweep-button.webp","controls":4,"verified":true,"security":"clean","slop":38,"url":"https://fieldbook.lizardi.mx/components/destructive-sweep-button"},{"plate":2595,"slug":"detached-ring-pill-button","title":"Detached Ring Pill","category":"buttons","url":"https://fieldbook.lizardi.mx/components/detached-ring-pill-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/detached-ring-pill-button.webp"},{"slug":"detail-list-item","title":"Detail list item","description":"A list row combining a leading icon or avatar, a title and description, and a trailing action, for notification lists, menus, or settings rows.","category":"data-display","tags":["list item","row","settings row","notification item","media row"],"frame":"card","theme":"either","plate":2140,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/detail-list-item.webp","controls":4,"verified":true,"security":"clean","slop":8,"url":"https://fieldbook.lizardi.mx/components/detail-list-item"},{"slug":"detailed-signup-card","title":"Detailed signup card","description":"A centered signup card collecting full name, email, password and confirmation, each with a helper line, before a primary create-account button.","category":"pages","tags":["signup","form","card","authentication","register"],"frame":"full","theme":"either","plate":2734,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/detailed-signup-card.webp","controls":4,"verified":true,"security":"clean","slop":14,"url":"https://fieldbook.lizardi.mx/components/detailed-signup-card"},{"slug":"diagonal-blob-flood-button","title":"Diagonal blob flood button","description":"An outlined button flooded by a large rounded blob that slides in diagonally from off its top corner and darkens while held.","category":"buttons","tags":["button","flood","blob","diagonal","outline","hover","fill"],"frame":"inline","theme":"either","plate":2538,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/diagonal-blob-flood-button.webp","controls":5,"verified":true,"security":"clean","slop":0,"url":"https://fieldbook.lizardi.mx/components/diagonal-blob-flood-button"},{"plate":1682,"slug":"diagonal-glare-sweep","title":"Diagonal Glare Sweep","category":"animation","url":"https://fieldbook.lizardi.mx/components/diagonal-glare-sweep","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/diagonal-glare-sweep.webp"},{"plate":1683,"slug":"diagonal-hatch-field","title":"Diagonal Hatch Field","category":"backgrounds","url":"https://fieldbook.lizardi.mx/components/diagonal-hatch-field","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/diagonal-hatch-field.webp"},{"plate":2626,"slug":"diagonal-orb-fill-button","title":"Diagonal orb fill button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/diagonal-orb-fill-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/diagonal-orb-fill-button.webp"},{"plate":2141,"slug":"diagonal-shutter-fill-button","title":"Diagonal shutter fill button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/diagonal-shutter-fill-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/diagonal-shutter-fill-button.webp"},{"slug":"diagonal-swipe-button","title":"Diagonal swipe button","description":"An outlined button holding a thin slanted blade that straightens and widens until it floods the frame on hover.","category":"buttons","tags":["button","outline","diagonal","swipe","fill","hover"],"frame":"inline","theme":"either","plate":1850,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/diagonal-swipe-button.webp","controls":5,"verified":true,"security":"clean","slop":0,"url":"https://fieldbook.lizardi.mx/components/diagonal-swipe-button"},{"slug":"diagonal-wedge-button","title":"Diagonal wedge button","description":"A squared button filled by a triangular wedge that grows along the diagonal until it covers the whole face.","category":"buttons","tags":["button","wedge","diagonal","fill","clip","invert","sweep"],"frame":"inline","theme":"either","plate":2676,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/diagonal-wedge-button.webp","controls":5,"verified":true,"security":"clean","slop":0,"url":"https://fieldbook.lizardi.mx/components/diagonal-wedge-button"},{"slug":"dialog-bevel-button","title":"Dialog bevel button","description":"A small grey system button built from two nested hard bevels and a dotted inner focus mark, whose bevel lines swap on press so it reads as pushed in.","category":"buttons","tags":["button","bevel","system","dialog","inset","press","neutral"],"frame":"inline","theme":"either","plate":2509,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/dialog-bevel-button.webp","controls":4,"verified":true,"security":"clean","slop":0,"url":"https://fieldbook.lizardi.mx/components/dialog-bevel-button"},{"slug":"directional-slide-in","title":"Directional Slide In","description":"A reveal that pushes content in from any of the four sides by a set distance and lets a spring absorb the arrival.","category":"animation","tags":["slide","reveal","entrance","direction","scroll","stagger","spring"],"frame":"card","theme":"either","plate":1684,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/directional-slide-in.webp","controls":5,"verified":true,"security":"clean","slop":18,"url":"https://fieldbook.lizardi.mx/components/directional-slide-in"},{"plate":1949,"slug":"directional-theme-wipe","title":"Directional theme wipe","category":"inputs","url":"https://fieldbook.lizardi.mx/components/directional-theme-wipe","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/directional-theme-wipe.webp"},{"plate":2622,"slug":"disc-to-pill-cta","title":"Disc to Pill CTA","category":"buttons","url":"https://fieldbook.lizardi.mx/components/disc-to-pill-cta","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/disc-to-pill-cta.webp"},{"plate":1770,"slug":"dismiss-exit-card","title":"Dismiss exit card","category":"animation","url":"https://fieldbook.lizardi.mx/components/dismiss-exit-card","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/dismiss-exit-card.webp"},{"plate":2335,"slug":"dismissible-dialog","title":"Dismissible Dialog","category":"overlays","url":"https://fieldbook.lizardi.mx/components/dismissible-dialog","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/dismissible-dialog.webp"},{"slug":"dock-menu","title":"Dock menu","description":"A bottom dock whose icons take their size from the pointer distance, with a label above the icon under the cursor and a dot under the active one.","category":"navigation","tags":["dock","menu","magnify","pointer","tooltip","toolbar"],"frame":"wide","theme":"dark","plate":1528,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/dock-menu.webp","controls":3,"verified":true,"security":"clean","slop":8,"url":"https://fieldbook.lizardi.mx/components/dock-menu"},{"plate":2510,"slug":"dodging-eyes-button","title":"Dodging eyes button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/dodging-eyes-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/dodging-eyes-button.webp"},{"slug":"donut-share-chart","title":"Donut share chart","description":"A five slice donut with a hollow centre and hairline gaps that sweeps open on mount and lifts whichever slice the pointer is over.","category":"charts","tags":["donut","chart","share","arcs","proportion","tooltip","svg"],"frame":"card","theme":"either","plate":2336,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/donut-share-chart.webp","controls":5,"verified":true,"security":"clean","slop":22,"url":"https://fieldbook.lizardi.mx/components/donut-share-chart"},{"slug":"donut-with-total","title":"Donut with total","description":"A donut chart that puts the running total in its own hole and swaps that readout to whichever slice is hovered or focused.","category":"charts","tags":["donut","chart","total","centre readout","counter","share","summary"],"frame":"card","theme":"either","plate":2337,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/donut-with-total.webp","controls":5,"verified":true,"security":"clean","slop":18,"url":"https://fieldbook.lizardi.mx/components/donut-with-total"},{"slug":"dot-flood-button","title":"Dot flood button","description":"An outlined pill with a small dot beside its label; hovering grows the dot until it floods the whole button and the label swaps to its inverted twin.","category":"buttons","tags":["button","hover","flood","fill","dot","label swap","outlined"],"frame":"inline","theme":"either","plate":1632,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/dot-flood-button.webp","controls":5,"verified":true,"security":"clean","slop":0,"url":"https://fieldbook.lizardi.mx/components/dot-flood-button"},{"slug":"dot-matrix-arrow-button","title":"Dot matrix arrow button","description":"A button drawn as rows of dots stepped into a rightward arrowhead that glides sideways and back in a slow loop while hovered or focused and compresses toward its point when pressed.","category":"buttons","tags":["button","dots","arrow","matrix","glide","loop","minimal"],"frame":"inline","theme":"either","plate":2527,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/dot-matrix-arrow-button.webp","controls":5,"verified":true,"security":"clean","slop":0,"url":"https://fieldbook.lizardi.mx/components/dot-matrix-arrow-button"},{"plate":1950,"slug":"dot-matrix-status-pill","title":"Dot matrix status pill","category":"feedback","url":"https://fieldbook.lizardi.mx/components/dot-matrix-status-pill","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/dot-matrix-status-pill.webp"},{"plate":1951,"slug":"dot-radio-list","title":"Dot radio list","category":"inputs","url":"https://fieldbook.lizardi.mx/components/dot-radio-list","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/dot-radio-list.webp"},{"plate":2338,"slug":"dot-scale-page-indicator","title":"Dot Scale Page Indicator","category":"navigation","url":"https://fieldbook.lizardi.mx/components/dot-scale-page-indicator","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/dot-scale-page-indicator.webp"},{"plate":2294,"slug":"dotted-trend-line","title":"Dotted Trend Line","category":"charts","url":"https://fieldbook.lizardi.mx/components/dotted-trend-line","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/dotted-trend-line.webp"},{"plate":2142,"slug":"dotted-world-map","title":"Dotted World Map","category":"data-display","url":"https://fieldbook.lizardi.mx/components/dotted-world-map","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/dotted-world-map.webp"},{"plate":2645,"slug":"double-bevel-button","title":"Double bevel button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/double-bevel-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/double-bevel-button.webp"},{"plate":2491,"slug":"download-sweep-progress-button","title":"Download Sweep Progress","category":"buttons","url":"https://fieldbook.lizardi.mx/components/download-sweep-progress-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/download-sweep-progress-button.webp"},{"plate":2697,"slug":"download-tooltip-button","title":"Download tooltip button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/download-tooltip-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/download-tooltip-button.webp"},{"plate":2339,"slug":"download-tray-pulse-button","title":"Download tray pulse button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/download-tray-pulse-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/download-tray-pulse-button.webp"},{"slug":"drag-dismiss-bottom-drawer","title":"Drag Dismiss Bottom Drawer","description":"A panel that slides in from an edge with a small drag handle, tracks a finger or pointer drag with rubber-band resistance, and either snaps back open or dismisses depending on how far it is pulled.","category":"overlays","tags":["drawer","bottom sheet","drag to dismiss","gesture panel"],"frame":"card","theme":"either","plate":2340,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/drag-dismiss-bottom-drawer.webp","controls":3,"verified":true,"security":"clean","slop":32,"url":"https://fieldbook.lizardi.mx/components/drag-dismiss-bottom-drawer"},{"plate":2341,"slug":"drag-reorder-checklist","title":"Drag reorder checklist","category":"data-display","url":"https://fieldbook.lizardi.mx/components/drag-reorder-checklist","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/drag-reorder-checklist.webp"},{"slug":"drag-split-panels","title":"Drag split panels","description":"Panels divided by thin draggable handles that resize the adjacent panes in real time, arranged in a row or stacked.","category":"layout","tags":["resizable-panels","split-view","drag-handle","layout","panes"],"frame":"wide","theme":"either","plate":2342,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/drag-split-panels.webp","controls":4,"verified":true,"security":"clean","slop":8,"url":"https://fieldbook.lizardi.mx/components/drag-split-panels"},{"plate":1771,"slug":"drag-tile-track","title":"Drag tile track","category":"animation","url":"https://fieldbook.lizardi.mx/components/drag-tile-track","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/drag-tile-track.webp"},{"plate":2763,"slug":"draining-fill-button","title":"Draining fill button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/draining-fill-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/draining-fill-button.webp"},{"slug":"draining-fill-button-2","title":"Draining fill button","description":"An outlined pill that starts fully flooded with colour and drains down to a slim band at the foot on hover, then refills from the bottom on leave.","category":"buttons","tags":["button","outline","fill","drain","hover","pill","liquid"],"frame":"inline","theme":"either","plate":2588,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/draining-fill-button-2.webp","controls":5,"verified":true,"security":"clean","slop":10,"url":"https://fieldbook.lizardi.mx/components/draining-fill-button-2"},{"plate":2343,"slug":"drawn-check-checkbox","title":"Drawn check checkbox","category":"inputs","url":"https://fieldbook.lizardi.mx/components/drawn-check-checkbox","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/drawn-check-checkbox.webp"},{"slug":"drifting-aura-button","title":"Drifting aura button","description":"A softly embossed slanted pad that wakes a blurred band of color behind its edges and lets the brightest part drift around the outline.","category":"buttons","tags":["button","aura","emboss","drift","hover","skew","halo","soft"],"frame":"inline","theme":"light","plate":2560,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/drifting-aura-button.webp","controls":6,"verified":true,"security":"clean","slop":22,"url":"https://fieldbook.lizardi.mx/components/drifting-aura-button"},{"plate":1685,"slug":"drifting-border-sheen","title":"Drifting border sheen","category":"backgrounds","url":"https://fieldbook.lizardi.mx/components/drifting-border-sheen","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/drifting-border-sheen.webp"},{"slug":"drifting-glass-shards","title":"Drifting glass shards","description":"A slow current of translucent slivers that flash as they tumble, scattering from the cursor and gathering back when the pointer holds still.","category":"backgrounds","tags":["background","canvas","shards","drift","translucent","pointer","depth"],"frame":"wide","theme":"dark","plate":1686,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/drifting-glass-shards.webp","controls":6,"verified":true,"security":"clean","slop":8,"url":"https://fieldbook.lizardi.mx/components/drifting-glass-shards"},{"plate":1851,"slug":"drifting-gradient-button","title":"Drifting Gradient Button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/drifting-gradient-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/drifting-gradient-button.webp"},{"plate":1687,"slug":"drifting-gradient-wash","title":"Drifting gradient wash","category":"backgrounds","url":"https://fieldbook.lizardi.mx/components/drifting-gradient-wash","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/drifting-gradient-wash.webp"},{"slug":"drifting-halo-button","title":"Drifting halo button","description":"A dark button ringed by a slightly larger halo frame in which one bright band of the accent drifts endlessly around the perimeter, brightening and lifting the plate on hover.","category":"buttons","tags":["button","halo","drift","ambient","frame","cta"],"frame":"inline","theme":"either","plate":2764,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/drifting-halo-button.webp","controls":4,"verified":true,"security":"clean","slop":14,"url":"https://fieldbook.lizardi.mx/components/drifting-halo-button"},{"slug":"drifting-light-beams","title":"Drifting Light Beams","description":"Tall tilted bars of light drift upward at different speeds and blur together into a slowly shifting haze.","category":"backgrounds","tags":["beams","light","haze","drift","canvas","backdrop","gradient"],"frame":"wide","theme":"either","plate":1688,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/drifting-light-beams.webp","controls":5,"verified":true,"security":"clean","slop":8,"url":"https://fieldbook.lizardi.mx/components/drifting-light-beams"},{"plate":2713,"slug":"drifting-mesh-tilt-button","title":"Drifting mesh tilt","category":"buttons","url":"https://fieldbook.lizardi.mx/components/drifting-mesh-tilt-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/drifting-mesh-tilt-button.webp"},{"slug":"drifting-particle-field","title":"Drifting particle field","description":"A slowly tumbling cloud of small round points, each drifting on its own path, with the whole cloud leaning away from the pointer.","category":"backgrounds","tags":["background","particles","cloud","drift","parallax","depth","canvas","ambient"],"frame":"full","theme":"dark","plate":1952,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/drifting-particle-field.webp","controls":6,"verified":true,"security":"clean","slop":0,"url":"https://fieldbook.lizardi.mx/components/drifting-particle-field"},{"plate":1689,"slug":"drifting-starfield","title":"Drifting starfield","category":"backgrounds","url":"https://fieldbook.lizardi.mx/components/drifting-starfield","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/drifting-starfield.webp"},{"plate":2098,"slug":"drilldown-sunburst-chart","title":"Drill-Down Sunburst Chart","category":"charts","url":"https://fieldbook.lizardi.mx/components/drilldown-sunburst-chart","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/drilldown-sunburst-chart.webp"},{"slug":"drive-through-button","title":"Drive through button","description":"A boxy console button whose caption clears out of the way so a flat vehicle mark can roll in from the left, park, and shoot off the right edge when activated.","category":"buttons","tags":["button","vehicle","slide in","caption swap","console","activate"],"frame":"inline","theme":"dark","plate":1826,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/drive-through-button.webp","controls":5,"verified":true,"security":"clean","slop":0,"url":"https://fieldbook.lizardi.mx/components/drive-through-button"},{"slug":"dropdown-action-menu","title":"Dropdown Action Menu","description":"A button-triggered dropdown menu with grouped items, right-aligned keyboard shortcut labels, and a toggle-style row, closing automatically after most selections.","category":"navigation","tags":["dropdown menu","action menu","toggle item","keyboard shortcuts"],"frame":"card","theme":"either","plate":2344,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/dropdown-action-menu.webp","controls":2,"verified":true,"security":"clean","slop":34,"url":"https://fieldbook.lizardi.mx/components/dropdown-action-menu"},{"plate":2143,"slug":"dropdown-date-picker","title":"Dropdown Date Picker","category":"inputs","url":"https://fieldbook.lizardi.mx/components/dropdown-date-picker","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/dropdown-date-picker.webp"},{"plate":2345,"slug":"dropdown-date-time-picker","title":"Dropdown Date Time Picker","category":"inputs","url":"https://fieldbook.lizardi.mx/components/dropdown-date-time-picker","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/dropdown-date-time-picker.webp"},{"plate":2144,"slug":"dual-month-date-picker","title":"Dual Month Date Picker","category":"inputs","url":"https://fieldbook.lizardi.mx/components/dual-month-date-picker","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/dual-month-date-picker.webp"},{"slug":"easing-preview-tile","title":"Easing preview tile","description":"A tile that plays the same scale-up under any easing curve you pick, with the curve drawn beside it and a marker riding it in sync.","category":"animation","tags":["easing","duration","curve","timing","playground","scale"],"frame":"card","theme":"either","plate":1772,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/easing-preview-tile.webp","controls":5,"verified":true,"security":"clean","slop":0,"url":"https://fieldbook.lizardi.mx/components/easing-preview-tile"},{"plate":2522,"slug":"echo-halo-hover-button","title":"Echo halo hover button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/echo-halo-hover-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/echo-halo-hover-button.webp"},{"plate":2145,"slug":"edge-aware-popover","title":"Edge aware popover","category":"overlays","url":"https://fieldbook.lizardi.mx/components/edge-aware-popover","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/edge-aware-popover.webp"},{"slug":"edge-collapse-button","title":"Edge Collapse Button","description":"A flat button with a thick colored lip along its bottom edge that folds down to a hairline as the button drops onto it.","category":"buttons","tags":["button","lip","edge","flatten","press","emboss"],"frame":"inline","theme":"either","plate":1852,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/edge-collapse-button.webp","controls":4,"verified":true,"security":"clean","slop":0,"url":"https://fieldbook.lizardi.mx/components/edge-collapse-button"},{"plate":1853,"slug":"edge-faded-plot-grid","title":"Edge Faded Plot Grid","category":"charts","url":"https://fieldbook.lizardi.mx/components/edge-faded-plot-grid","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/edge-faded-plot-grid.webp"},{"plate":2605,"slug":"edge-lamp-tracking-bar","title":"Edge lamp tracking bar","category":"buttons","url":"https://fieldbook.lizardi.mx/components/edge-lamp-tracking-bar","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/edge-lamp-tracking-bar.webp"},{"slug":"edge-slide-panel","title":"Edge-slide panel","description":"A settings panel that springs in flush against a screen edge while the page behind it dims and blurs.","category":"overlays","tags":["panel","sheet","settings","edge","slide","form"],"frame":"card","theme":"either","plate":2146,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/edge-slide-panel.webp","controls":4,"verified":true,"security":"clean","slop":26,"url":"https://fieldbook.lizardi.mx/components/edge-slide-panel"},{"plate":1953,"slug":"edge-slide-sheet","title":"Edge slide sheet","category":"overlays","url":"https://fieldbook.lizardi.mx/components/edge-slide-sheet","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/edge-slide-sheet.webp"},{"plate":2147,"slug":"edge-tilt-alert-modal","title":"Edge-tilt alert modal","category":"overlays","url":"https://fieldbook.lizardi.mx/components/edge-tilt-alert-modal","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/edge-tilt-alert-modal.webp"},{"plate":1854,"slug":"edge-tracking-glow-card","title":"Edge tracking glow card","category":"cards","url":"https://fieldbook.lizardi.mx/components/edge-tracking-glow-card","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/edge-tracking-glow-card.webp"},{"plate":2597,"slug":"edge-wipe-invert-button","title":"Edge wipe invert","category":"buttons","url":"https://fieldbook.lizardi.mx/components/edge-wipe-invert-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/edge-wipe-invert-button.webp"},{"plate":2346,"slug":"editable-date-field","title":"Editable date field","category":"inputs","url":"https://fieldbook.lizardi.mx/components/editable-date-field","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/editable-date-field.webp"},{"slug":"editorial-review-workspace","title":"Editorial review workspace","description":"An editorial desk pairs original and revised drafts with a review checklist and a saved editorial note.","category":"pages","tags":["workflow","customer","interactive","controlled-state"],"frame":"full","theme":"dark","plate":2842,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/editorial-review-workspace.webp","controls":3,"verified":true,"security":"clean","slop":26,"url":"https://fieldbook.lizardi.mx/components/editorial-review-workspace"},{"plate":1954,"slug":"elastic-toggle-switch","title":"Elastic toggle switch","category":"inputs","url":"https://fieldbook.lizardi.mx/components/elastic-toggle-switch","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/elastic-toggle-switch.webp"},{"slug":"elastic-tug-slider","title":"Elastic tug slider","description":"A slider that stretches like an elastic band when dragged past its ends, snapping the track back with a bounce once released.","category":"inputs","tags":["slider","drag","elastic","rubber-band","input","value"],"frame":"inline","theme":"either","plate":2795,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/elastic-tug-slider.webp","controls":3,"verified":true,"security":"clean","slop":0,"url":"https://fieldbook.lizardi.mx/components/elastic-tug-slider"},{"plate":2826,"slug":"elastic-weight-headline","title":"Elastic weight headline","category":"text-effects","url":"https://fieldbook.lizardi.mx/components/elastic-weight-headline","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/elastic-weight-headline.webp"},{"slug":"elevated-chip-button","title":"Elevated chip button","description":"A pale rounded chip resting on stacked soft shadows that tints toward the accent on hover and sinks onto a deeper shadow with an accent outline when pressed.","category":"buttons","tags":["button","chip","elevation","shadow","press","toolbar"],"frame":"inline","theme":"light","plate":2534,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/elevated-chip-button.webp","controls":5,"verified":true,"security":"clean","slop":26,"url":"https://fieldbook.lizardi.mx/components/elevated-chip-button"},{"slug":"elevation-ladder-fill-button","title":"Elevation ladder fill button","description":"A capsule that climbs three elevation steps between rest, hover and press while a soft-edged accent wash crosses its face.","category":"buttons","tags":["button","capsule","elevation","shadow","wash","hover","press"],"frame":"inline","theme":"either","plate":2660,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/elevation-ladder-fill-button.webp","controls":6,"verified":true,"security":"clean","slop":14,"url":"https://fieldbook.lizardi.mx/components/elevation-ladder-fill-button"},{"plate":1955,"slug":"emboss-swap-button","title":"Emboss swap button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/emboss-swap-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/emboss-swap-button.webp"},{"plate":2765,"slug":"embossed-press-button","title":"Embossed press button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/embossed-press-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/embossed-press-button.webp"},{"slug":"empty-state-panel","title":"Empty State Panel","description":"A centered panel for an empty list or view, with a fanned icon stack, a heading, a supporting line, and a primary action button.","category":"feedback","tags":["empty state","no results","placeholder panel","zero state"],"frame":"card","theme":"either","plate":2148,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/empty-state-panel.webp","controls":4,"verified":true,"security":"clean","slop":8,"url":"https://fieldbook.lizardi.mx/components/empty-state-panel"},{"plate":2347,"slug":"endless-feed-loader","title":"Endless Feed Loader","category":"data-display","url":"https://fieldbook.lizardi.mx/components/endless-feed-loader","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/endless-feed-loader.webp"},{"slug":"engraved-label-pie","title":"Engraved label pie","description":"A solid pie chart that sets each category name inside its own slice in an inverted color, so the breakdown reads without any outside labels or leader lines.","category":"charts","tags":["pie","chart","labels","inline","share","svg","proportion"],"frame":"card","theme":"either","plate":2348,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/engraved-label-pie.webp","controls":5,"verified":true,"security":"clean","slop":32,"url":"https://fieldbook.lizardi.mx/components/engraved-label-pie"},{"plate":1855,"slug":"enter-view-reveal","title":"Enter view reveal","category":"scroll","url":"https://fieldbook.lizardi.mx/components/enter-view-reveal","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/enter-view-reveal.webp"},{"plate":1773,"slug":"entrance-timing-playground","title":"Entrance timing playground","category":"animation","url":"https://fieldbook.lizardi.mx/components/entrance-timing-playground","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/entrance-timing-playground.webp"},{"plate":2860,"slug":"environment-variable-editor","title":"Environment variable editor","category":"forms","url":"https://fieldbook.lizardi.mx/components/environment-variable-editor","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/environment-variable-editor.webp"},{"slug":"escalation-timeline","title":"Escalation timeline","description":"A support escalation timeline reveals evidence for each handoff and records acknowledgement.","category":"blocks","tags":["workflow","customer","interactive","controlled-state"],"frame":"wide","theme":"dark","plate":2861,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/escalation-timeline.webp","controls":3,"verified":true,"security":"clean","slop":26,"url":"https://fieldbook.lizardi.mx/components/escalation-timeline"},{"plate":2349,"slug":"expanding-card-navbar","title":"Expanding card navbar","category":"navigation","url":"https://fieldbook.lizardi.mx/components/expanding-card-navbar","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/expanding-card-navbar.webp"},{"plate":2350,"slug":"expanding-chip-back-button","title":"Expanding chip back button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/expanding-chip-back-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/expanding-chip-back-button.webp"},{"slug":"expanding-disc-mute-toggle","title":"Expanding disc mute toggle","description":"A round icon toggle where a dark disc grows from the centre to swallow the pastel face, flipping the glyph to light as it passes underneath.","category":"buttons","tags":["toggle","circle","mute","icon","flood","invert","audio"],"frame":"inline","theme":"either","plate":2520,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/expanding-disc-mute-toggle.webp","controls":6,"verified":true,"security":"clean","slop":0,"url":"https://fieldbook.lizardi.mx/components/expanding-disc-mute-toggle"},{"slug":"expanding-icon-pill","title":"Expanding icon pill","description":"A round icon button that grows into a labelled pill on hover or focus, turning its glyph a full revolution as the label slides in.","category":"buttons","tags":["button","icon button","expand","label reveal","pill","edit"],"frame":"inline","theme":"either","plate":1827,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/expanding-icon-pill.webp","controls":5,"verified":true,"security":"clean","slop":0,"url":"https://fieldbook.lizardi.mx/components/expanding-icon-pill"},{"slug":"expanding-icon-pill-2","title":"Expanding icon pill","description":"A round icon button that stretches into a labelled pill on hover, trading its glyph for a word as an accent fill arrives.","category":"buttons","tags":["button","icon","expand","pill","hover","label"],"frame":"inline","theme":"light","plate":2714,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/expanding-icon-pill-2.webp","controls":5,"verified":true,"security":"clean","slop":32,"url":"https://fieldbook.lizardi.mx/components/expanding-icon-pill-2"},{"plate":2149,"slug":"expanding-icon-toolbar","title":"Expanding icon toolbar","category":"navigation","url":"https://fieldbook.lizardi.mx/components/expanding-icon-toolbar","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/expanding-icon-toolbar.webp"},{"plate":2150,"slug":"expanding-label-toolbar","title":"Expanding label toolbar","category":"navigation","url":"https://fieldbook.lizardi.mx/components/expanding-label-toolbar","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/expanding-label-toolbar.webp"},{"plate":2351,"slug":"expanding-panel-gallery","title":"Expanding panel gallery","category":"layout","url":"https://fieldbook.lizardi.mx/components/expanding-panel-gallery","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/expanding-panel-gallery.webp"},{"plate":2151,"slug":"expanding-ring-loader","title":"Expanding ring loader","category":"feedback","url":"https://fieldbook.lizardi.mx/components/expanding-ring-loader","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/expanding-ring-loader.webp"},{"slug":"experience-shelf","title":"Experience Shelf","description":"A horizontally scrolling shelf of photo cards, each with a save button, badge, rating and price, that scrolls smoothly with arrow buttons or a swipe.","category":"media","tags":["horizontal scroll shelf","product cards","scrollable row","booking cards"],"frame":"wide","theme":"light","plate":2352,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/experience-shelf.webp","controls":4,"verified":true,"security":"clean","slop":32,"url":"https://fieldbook.lizardi.mx/components/experience-shelf"},{"plate":2862,"slug":"export-job-center","title":"Export job center","category":"blocks","url":"https://fieldbook.lizardi.mx/components/export-job-center","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/export-job-center.webp"},{"plate":2766,"slug":"exposure-dial-slider","title":"Exposure dial slider","category":"inputs","url":"https://fieldbook.lizardi.mx/components/exposure-dial-slider","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/exposure-dial-slider.webp"},{"plate":2806,"slug":"extruded-layer-text","title":"Extruded layer text","category":"text-effects","url":"https://fieldbook.lizardi.mx/components/extruded-layer-text","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/extruded-layer-text.webp"},{"slug":"extruded-tilt-button","title":"Extruded tilt button","description":"A heavy display button leaning in perspective whose hollow letters are extruded by two hard offsets that flip sides as the plate swings on hover and slap flat when pressed.","category":"buttons","tags":["button","perspective","extruded","typography","hover","reflection"],"frame":"inline","theme":"either","plate":2767,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/extruded-tilt-button.webp","controls":5,"verified":true,"security":"clean","slop":22,"url":"https://fieldbook.lizardi.mx/components/extruded-tilt-button"},{"plate":2353,"slug":"fading-edge-scroll-panel","title":"Fading edge scroll panel","category":"layout","url":"https://fieldbook.lizardi.mx/components/fading-edge-scroll-panel","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/fading-edge-scroll-panel.webp"},{"slug":"fanned-wave-threads","title":"Fanned wave threads","description":"A bundle of hairline threads pinned flat at the left edge, fanning out to the right and waving on a slow noise field.","category":"backgrounds","tags":["background","threads","lines","wave","fan","noise","canvas","banner"],"frame":"wide","theme":"dark","plate":2152,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/fanned-wave-threads.webp","controls":6,"verified":true,"security":"clean","slop":8,"url":"https://fieldbook.lizardi.mx/components/fanned-wave-threads"},{"slug":"fanning-event-markers","title":"Fanning event markers","description":"Round event badges pinned above a plot with guide lines; clustered ones stack into a counted badge that fans open on hover.","category":"charts","tags":["markers","events","annotations","cluster","fan","timeline","pins"],"frame":"wide","theme":"either","plate":1856,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/fanning-event-markers.webp","controls":5,"verified":true,"security":"clean","slop":10,"url":"https://fieldbook.lizardi.mx/components/fanning-event-markers"},{"plate":1774,"slug":"fanning-spec-stack","title":"Fanning Spec Stack","category":"cards","url":"https://fieldbook.lizardi.mx/components/fanning-spec-stack","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/fanning-spec-stack.webp"},{"slug":"faq-accordion-panels","title":"FAQ Accordion","description":"A vertical list of question headings where opening one panel slides its answer into view and closes whichever panel was open before it.","category":"data-display","tags":["accordion","faq","collapsible","panels","toggle","single-open"],"frame":"card","theme":"either","plate":1956,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/faq-accordion-panels.webp","controls":4,"verified":true,"security":"clean","slop":0,"url":"https://fieldbook.lizardi.mx/components/faq-accordion-panels"},{"slug":"feature-comparison-matrix","title":"Feature comparison matrix","description":"A feature comparison table contrasts two workflow approaches and exposes the reason behind each difference.","category":"marketing","tags":["workflow","product","interactive","controlled-state"],"frame":"wide","theme":"dark","plate":2863,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/feature-comparison-matrix.webp","controls":3,"verified":true,"security":"clean","slop":26,"url":"https://fieldbook.lizardi.mx/components/feature-comparison-matrix"},{"plate":2864,"slug":"feedback-priority-board","title":"Feedback priority board","category":"blocks","url":"https://fieldbook.lizardi.mx/components/feedback-priority-board","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/feedback-priority-board.webp"},{"plate":1957,"slug":"field-with-status-icon","title":"Field with status icon","category":"forms","url":"https://fieldbook.lizardi.mx/components/field-with-status-icon","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/field-with-status-icon.webp"},{"plate":2153,"slug":"file-attachment-chip","title":"File attachment chip","category":"data-display","url":"https://fieldbook.lizardi.mx/components/file-attachment-chip","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/file-attachment-chip.webp"},{"slug":"fill-progress-loading-text","title":"Fill progress loading text","description":"A loading label sits as a faint outline of itself while a solid colored copy fills it in from the left like a progress bar shaped like the word, sweeping back and forth while work happens.","category":"feedback","tags":["loading","progress","fill text","clip path","indicator"],"frame":"inline","theme":"either","plate":1958,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/fill-progress-loading-text.webp","controls":4,"verified":true,"security":"clean","slop":0,"url":"https://fieldbook.lizardi.mx/components/fill-progress-loading-text"},{"plate":1959,"slug":"fill-sweep-loading-text","title":"Fill sweep loading text","category":"feedback","url":"https://fieldbook.lizardi.mx/components/fill-sweep-loading-text","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/fill-sweep-loading-text.webp"},{"plate":1690,"slug":"film-grain-overlay","title":"Film grain overlay","category":"backgrounds","url":"https://fieldbook.lizardi.mx/components/film-grain-overlay","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/film-grain-overlay.webp"},{"plate":2865,"slug":"filter-rule-builder","title":"Filter rule builder","category":"blocks","url":"https://fieldbook.lizardi.mx/components/filter-rule-builder","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/filter-rule-builder.webp"},{"plate":2354,"slug":"filterable-action-list","title":"Filterable action list","category":"navigation","url":"https://fieldbook.lizardi.mx/components/filterable-action-list","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/filterable-action-list.webp"},{"slug":"filterable-record-table","title":"Filterable record table","description":"Filter supplied customer records, sort columns, and control the search query with loading and error feedback.","category":"data-display","tags":["table","data","filter","sort","records","status"],"frame":"wide","theme":"either","plate":2154,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/filterable-record-table.webp","controls":4,"verified":true,"security":"clean","slop":14,"url":"https://fieldbook.lizardi.mx/components/filterable-record-table"},{"slug":"filtered-suggestion-field","title":"Filtered suggestion field","description":"A text field that filters a list of suggestions as you type and shows the matches in a dropdown below, with keyboard navigation and a clear button.","category":"inputs","tags":["autocomplete","combobox","typeahead","suggestions","search","filter"],"frame":"card","theme":"either","plate":2768,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/filtered-suggestion-field.webp","controls":3,"verified":true,"security":"clean","slop":26,"url":"https://fieldbook.lizardi.mx/components/filtered-suggestion-field"},{"slug":"firework-burst-canvas","title":"Firework burst canvas","description":"Shells launch from the bottom edge, arc up trailing a streak, then burst into sparks that fall away under gravity.","category":"backgrounds","tags":["fireworks","particles","canvas","burst","sparks","celebration","backdrop"],"frame":"wide","theme":"dark","plate":1691,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/firework-burst-canvas.webp","controls":5,"verified":true,"security":"clean","slop":8,"url":"https://fieldbook.lizardi.mx/components/firework-burst-canvas"},{"slug":"flaming-iris-eye","title":"Flaming iris eye","description":"A burning iris of radiating filaments around a narrow slit pupil that turns to keep the cursor in view.","category":"backgrounds","tags":["background","canvas","eye","iris","flame","noise","cursor tracking","focal"],"frame":"wide","theme":"dark","plate":1692,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/flaming-iris-eye.webp","controls":6,"verified":true,"security":"clean","slop":8,"url":"https://fieldbook.lizardi.mx/components/flaming-iris-eye"},{"plate":2661,"slug":"flat-to-flow-button","title":"Flat to flow button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/flat-to-flow-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/flat-to-flow-button.webp"},{"plate":1693,"slug":"flickering-glyph-grid","title":"Flickering glyph grid","category":"backgrounds","url":"https://fieldbook.lizardi.mx/components/flickering-glyph-grid","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/flickering-glyph-grid.webp"},{"slug":"flickering-square-mesh","title":"Flickering square mesh","description":"A canvas mesh of small squares where random cells jump to a new brightness every frame, giving a restless static that never repeats.","category":"backgrounds","tags":["background","grid","canvas","noise","static","flicker","mesh"],"frame":"wide","theme":"dark","plate":1694,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/flickering-square-mesh.webp","controls":5,"verified":true,"security":"clean","slop":22,"url":"https://fieldbook.lizardi.mx/components/flickering-square-mesh"},{"slug":"flight-path-confirm-button","title":"Flight path confirm button","description":"A booking button that flies a small plane in a lap around its face while three dots pulse, then turns green and reports the booking confirmed.","category":"buttons","tags":["button","loading","confirm","plane","sequence","booking","success"],"frame":"inline","theme":"either","plate":2524,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/flight-path-confirm-button.webp","controls":5,"verified":true,"security":"clean","slop":18,"url":"https://fieldbook.lizardi.mx/components/flight-path-confirm-button"},{"slug":"flip-face-button","title":"Flip face button","description":"A button with two faces that trades one for the other on a three dimensional turn, reversing from wherever it is when the pointer leaves.","category":"buttons","tags":["button","flip","hover","3d","reveal","cta"],"frame":"inline","theme":"either","plate":1633,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/flip-face-button.webp","controls":5,"verified":true,"security":"clean","slop":10,"url":"https://fieldbook.lizardi.mx/components/flip-face-button"},{"plate":2355,"slug":"flip-panel-headline-reveal","title":"Flip panel headline reveal","category":"text-effects","url":"https://fieldbook.lizardi.mx/components/flip-panel-headline-reveal","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/flip-panel-headline-reveal.webp"},{"plate":1775,"slug":"flip-reveal-card","title":"Flip reveal card","category":"cards","url":"https://fieldbook.lizardi.mx/components/flip-reveal-card","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/flip-reveal-card.webp"},{"slug":"flip-side-hint-tooltip","title":"Flip Side Hint Tooltip","description":"A hint bubble that appears on hover or keyboard focus and automatically flips to whichever side keeps it fully visible near the edge of the screen.","category":"overlays","tags":["tooltip","auto-flip","collision-aware","hint","positioning"],"frame":"inline","theme":"either","plate":1960,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/flip-side-hint-tooltip.webp","controls":3,"verified":true,"security":"clean","slop":10,"url":"https://fieldbook.lizardi.mx/components/flip-side-hint-tooltip"},{"slug":"floating-download-pill","title":"Floating download pill","description":"A fully rounded pill that appears to hover above the page and settles closer to it as you hover and press.","category":"buttons","tags":["button","pill","download","shadow","elevation","hover"],"frame":"inline","theme":"either","plate":1857,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/floating-download-pill.webp","controls":4,"verified":true,"security":"clean","slop":14,"url":"https://fieldbook.lizardi.mx/components/floating-download-pill"},{"plate":1529,"slug":"floating-label-input","title":"Floating label input","category":"inputs","url":"https://fieldbook.lizardi.mx/components/floating-label-input","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/floating-label-input.webp"},{"plate":2833,"slug":"floating-text-trail","title":"Floating text trail","category":"cursor","url":"https://fieldbook.lizardi.mx/components/floating-text-trail","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/floating-text-trail.webp"},{"plate":1961,"slug":"flow-area-chart","title":"Flow Area Chart","category":"charts","url":"https://fieldbook.lizardi.mx/components/flow-area-chart","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/flow-area-chart.webp"},{"plate":2089,"slug":"flow-sankey-diagram","title":"Flow Sankey Diagram","category":"charts","url":"https://fieldbook.lizardi.mx/components/flow-sankey-diagram","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/flow-sankey-diagram.webp"},{"slug":"flowing-gradient-headline","title":"Flowing gradient headline","description":"A headline whose letters are filled by a moving two-tone gradient, so a bright band drifts endlessly through the words, with an optional soft bloom behind.","category":"text-effects","tags":["headline","gradient","sweep","loop","text","fill"],"frame":"card","theme":"dark","plate":1962,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/flowing-gradient-headline.webp","controls":5,"verified":true,"security":"clean","slop":14,"url":"https://fieldbook.lizardi.mx/components/flowing-gradient-headline"},{"plate":2814,"slug":"flowing-gradient-text","title":"Flowing gradient text","category":"text-effects","url":"https://fieldbook.lizardi.mx/components/flowing-gradient-text","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/flowing-gradient-text.webp"},{"plate":1695,"slug":"flowing-line-currents","title":"Flowing line currents","category":"backgrounds","url":"https://fieldbook.lizardi.mx/components/flowing-line-currents","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/flowing-line-currents.webp"},{"slug":"fluid-splash-cursor","title":"Fluid Splash","description":"Dragging across the panel pushes ink through a fluid simulation, so color billows, curls and slowly dissipates behind the pointer.","category":"cursor","tags":["fluid","ink","splash","pointer","simulation","trail"],"frame":"wide","theme":"dark","plate":1776,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/fluid-splash-cursor.webp","controls":6,"verified":true,"security":"clean","slop":16,"url":"https://fieldbook.lizardi.mx/components/fluid-splash-cursor"},{"plate":1858,"slug":"flying-send-button","title":"Flying send button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/flying-send-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/flying-send-button.webp"},{"plate":1963,"slug":"flyout-menu-highlight","title":"Flyout Menu Highlight","category":"navigation","url":"https://fieldbook.lizardi.mx/components/flyout-menu-highlight","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/flyout-menu-highlight.webp"},{"slug":"focus-guard-form","title":"Focus Guard Form","description":"A form that, on a failed submit, cancels the submission, moves keyboard focus straight to the first invalid field, and announces the problem for screen reader users.","category":"forms","tags":["form","validation","accessibility","focus","submit"],"frame":"card","theme":"either","plate":1964,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/focus-guard-form.webp","controls":3,"verified":true,"security":"clean","slop":34,"url":"https://fieldbook.lizardi.mx/components/focus-guard-form"},{"slug":"focus-halo-button","title":"Focus halo button","description":"A solid button that inverts to an outline on pointer hover and grows two stacked translucent rings the moment it takes keyboard focus.","category":"buttons","tags":["button","focus ring","outline","invert","accessible","halo"],"frame":"inline","theme":"either","plate":1696,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/focus-halo-button.webp","controls":5,"verified":true,"security":"clean","slop":0,"url":"https://fieldbook.lizardi.mx/components/focus-halo-button"},{"plate":1697,"slug":"focus-in-reveal","title":"Focus in reveal","category":"animation","url":"https://fieldbook.lizardi.mx/components/focus-in-reveal","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/focus-in-reveal.webp"},{"slug":"focus-lens-outline","title":"Focus Lens","description":"An outlined shape that stays soft and out of focus everywhere except in a small circle that follows the pointer, where it snaps sharp.","category":"animation","tags":["lens","focus","pointer","blur","outline","mask"],"frame":"card","theme":"either","plate":2155,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/focus-lens-outline.webp","controls":5,"verified":true,"security":"clean","slop":22,"url":"https://fieldbook.lizardi.mx/components/focus-lens-outline"},{"slug":"focus-ring-text-input","title":"Focus ring text input","description":"A single-line text field with a muted placeholder and a solid accent ring that appears only on focus.","category":"inputs","tags":["input","text field","focus ring","form"],"frame":"inline","theme":"either","plate":2356,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/focus-ring-text-input.webp","controls":3,"verified":true,"security":"clean","slop":0,"url":"https://fieldbook.lizardi.mx/components/focus-ring-text-input"},{"slug":"focus-scroll-list","title":"Focus scroll list","description":"A scrollable queue whose rows pop into full size and opacity as they reach the center of view, with hover and keyboard selection.","category":"layout","tags":["list","scroll","keyboard-navigation","queue","layout"],"frame":"card","theme":"dark","plate":2357,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/focus-scroll-list.webp","controls":4,"verified":true,"security":"clean","slop":40,"url":"https://fieldbook.lizardi.mx/components/focus-scroll-list"},{"slug":"focus-trapped-modal-kit","title":"Focus-Trapped Modal Kit","description":"A bare-bones modal foundation whose whole point is disciplined keyboard behavior: it traps focus while open and restores it precisely on close, wrapped in a tilt-in entrance.","category":"overlays","tags":["modal","focus trap","keyboard","accessibility","dialog"],"frame":"card","theme":"either","plate":2156,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/focus-trapped-modal-kit.webp","controls":4,"verified":true,"security":"clean","slop":29,"url":"https://fieldbook.lizardi.mx/components/focus-trapped-modal-kit"},{"plate":2909,"slug":"fogged-window-wipe","title":"Fogged window","category":"media","url":"https://fieldbook.lizardi.mx/components/fogged-window-wipe","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/fogged-window-wipe.webp"},{"plate":2498,"slug":"foil-frame-button","title":"Foil frame button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/foil-frame-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/foil-frame-button.webp"},{"slug":"follow-count-swipe-button","title":"Follow count swipe","description":"An outlined follow pill whose round accent badge slides to the far end on hover, painting a band that uncovers the follower count; clicking commits the follow with a stamp and bumps the count.","category":"buttons","tags":["follow","count","swipe","badge","reveal","toggle","pill"],"frame":"inline","theme":"either","plate":2492,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/follow-count-swipe-button.webp","controls":5,"verified":true,"security":"clean","slop":0,"url":"https://fieldbook.lizardi.mx/components/follow-count-swipe-button"},{"plate":2473,"slug":"follow-latch-chip","title":"Follow latch chip","category":"buttons","url":"https://fieldbook.lizardi.mx/components/follow-latch-chip","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/follow-latch-chip.webp"},{"slug":"forecast-tail-line","title":"Forecast tail line","description":"A dashed continuation that carries a series past its last real point to a horizon, drawing itself out and landing on a hollow marker.","category":"charts","tags":["chart","forecast","projection","dashed","horizon","trend","svg"],"frame":"wide","theme":"either","plate":1859,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/forecast-tail-line.webp","controls":6,"verified":true,"security":"clean","slop":10,"url":"https://fieldbook.lizardi.mx/components/forecast-tail-line"},{"plate":1965,"slug":"form-control-bench","title":"Control Bench","category":"forms","url":"https://fieldbook.lizardi.mx/components/form-control-bench","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/form-control-bench.webp"},{"plate":1634,"slug":"format-toggle-button","title":"Format toggle button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/format-toggle-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/format-toggle-button.webp"},{"slug":"four-edge-wipe-icon-button","title":"Four edge wipe icon button","description":"A square icon button whose glyph shrinks away while four tilted panels slide in from every edge and flood the tile with an accent color.","category":"buttons","tags":["button","icon","wipe","hover fill","converge"],"frame":"inline","theme":"either","plate":2157,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/four-edge-wipe-icon-button.webp","controls":5,"verified":true,"security":"clean","slop":0,"url":"https://fieldbook.lizardi.mx/components/four-edge-wipe-icon-button"},{"plate":2646,"slug":"frame-draw-button","title":"Frame draw button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/frame-draw-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/frame-draw-button.webp"},{"plate":2358,"slug":"friendly-date-range-picker","title":"Friendly Date Range Picker","category":"inputs","url":"https://fieldbook.lizardi.mx/components/friendly-date-range-picker","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/friendly-date-range-picker.webp"},{"plate":1698,"slug":"funnel-vortex-backdrop","title":"Funnel vortex backdrop","category":"backgrounds","url":"https://fieldbook.lizardi.mx/components/funnel-vortex-backdrop","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/funnel-vortex-backdrop.webp"},{"plate":2623,"slug":"fusing-blob-fill-button","title":"Fusing blob fill button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/fusing-blob-fill-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/fusing-blob-fill-button.webp"},{"plate":2158,"slug":"future-only-date-picker","title":"Future-Only Date Picker","category":"inputs","url":"https://fieldbook.lizardi.mx/components/future-only-date-picker","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/future-only-date-picker.webp"},{"plate":2807,"slug":"fuzzy-static-text","title":"Fuzzy static text","category":"text-effects","url":"https://fieldbook.lizardi.mx/components/fuzzy-static-text","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/fuzzy-static-text.webp"},{"slug":"gap-stretch-arrow-button","title":"Gap stretch arrow button","description":"A fixed width pill whose trailing arrow walks to the far edge on hover, stretching the gap after a stationary label, with a faint trail copy following a beat behind.","category":"buttons","tags":["button","pill","arrow","gap","hover","squash","fixed width"],"frame":"inline","theme":"either","plate":2585,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/gap-stretch-arrow-button.webp","controls":5,"verified":true,"security":"clean","slop":0,"url":"https://fieldbook.lizardi.mx/components/gap-stretch-arrow-button"},{"plate":2606,"slug":"ghost-echo-lift-button","title":"Ghost echo lift button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/ghost-echo-lift-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/ghost-echo-lift-button.webp"},{"plate":1966,"slug":"git-status-file-tree","title":"Git status file tree","category":"data-display","url":"https://fieldbook.lizardi.mx/components/git-status-file-tree","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/git-status-file-tree.webp"},{"plate":1967,"slug":"glare-pass-text","title":"Glare Pass Text","category":"text-effects","url":"https://fieldbook.lizardi.mx/components/glare-pass-text","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/glare-pass-text.webp"},{"plate":2090,"slug":"glass-block-bars","title":"Glass Block Bars","category":"charts","url":"https://fieldbook.lizardi.mx/components/glass-block-bars","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/glass-block-bars.webp"},{"plate":2607,"slug":"glass-tube-element-tile","title":"Glass tube element tile","category":"buttons","url":"https://fieldbook.lizardi.mx/components/glass-tube-element-tile","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/glass-tube-element-tile.webp"},{"slug":"glide-highlight-explorer","title":"Glide highlight explorer","description":"A folder and file tree where a single glowing highlight bar glides from row to row on hover or focus instead of each row lighting up on its own.","category":"data-display","tags":["file explorer","sliding highlight","folder tree","glide","hover indicator"],"frame":"card","theme":"either","plate":1968,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/glide-highlight-explorer.webp","controls":4,"verified":true,"security":"clean","slop":26,"url":"https://fieldbook.lizardi.mx/components/glide-highlight-explorer"},{"plate":2715,"slug":"glide-swap-button","title":"Glide swap button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/glide-swap-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/glide-swap-button.webp"},{"plate":1699,"slug":"glitch-slice-button","title":"Glitch slice button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/glitch-slice-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/glitch-slice-button.webp"},{"slug":"glossy-edge-light-pill","title":"Edge light pill","description":"A glossy pill lit by a blurred bar along its top rim and a bloom beneath its foot that swells and brightens on hover.","category":"buttons","tags":["button","pill","gloss","rim light","bloom","hover","glassy"],"frame":"inline","theme":"dark","plate":2589,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/glossy-edge-light-pill.webp","controls":6,"verified":true,"security":"clean","slop":21,"url":"https://fieldbook.lizardi.mx/components/glossy-edge-light-pill"},{"slug":"glow-halo-button","title":"Glow halo button","description":"A pill button with a duplicate of itself blurred behind it, so hovering blooms a soft colored halo while the fill slowly drifts.","category":"buttons","tags":["button","glow","halo","gradient","hover","bloom"],"frame":"inline","theme":"dark","plate":1828,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/glow-halo-button.webp","controls":5,"verified":true,"security":"clean","slop":14,"url":"https://fieldbook.lizardi.mx/components/glow-halo-button"},{"plate":2290,"slug":"glyph-marker-line","title":"Glyph Marker Line","category":"charts","url":"https://fieldbook.lizardi.mx/components/glyph-marker-line","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/glyph-marker-line.webp"},{"plate":1969,"slug":"glyph-static-backdrop","title":"Glyph Static Backdrop","category":"backgrounds","url":"https://fieldbook.lizardi.mx/components/glyph-static-backdrop","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/glyph-static-backdrop.webp"},{"slug":"gooey-blob-field","title":"Gooey blob field","description":"A field of soft blobs that orbit seeded paths and melt into each other on approach, with an extra blob that follows the pointer.","category":"animation","tags":["blobs","gooey","merge","orbit","canvas","pointer"],"frame":"wide","theme":"dark","plate":2159,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/gooey-blob-field.webp","controls":6,"verified":true,"security":"clean","slop":8,"url":"https://fieldbook.lizardi.mx/components/gooey-blob-field"},{"plate":1777,"slug":"gooey-blob-trail","title":"Gooey blob trail","category":"cursor","url":"https://fieldbook.lizardi.mx/components/gooey-blob-trail","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/gooey-blob-trail.webp"},{"plate":2359,"slug":"gooey-particle-nav","title":"Gooey Particle Nav","category":"navigation","url":"https://fieldbook.lizardi.mx/components/gooey-particle-nav","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/gooey-particle-nav.webp"},{"slug":"gradient-fill-area-chart","title":"Gradient Area Chart","description":"Two stacked monthly series drawn as smooth areas whose fills fade from a strong tint at the top edge down to nearly clear at the baseline.","category":"charts","tags":["chart","area","gradient","stacked","fade","analytics","tooltip"],"frame":"wide","theme":"either","plate":1860,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/gradient-fill-area-chart.webp","controls":5,"verified":true,"security":"clean","slop":8,"url":"https://fieldbook.lizardi.mx/components/gradient-fill-area-chart"},{"plate":2360,"slug":"gradient-flip-uppercase-button","title":"Gradient flip uppercase button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/gradient-flip-uppercase-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/gradient-flip-uppercase-button.webp"},{"plate":1861,"slug":"gradient-rim-button","title":"Gradient Rim Button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/gradient-rim-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/gradient-rim-button.webp"},{"plate":2591,"slug":"gradient-ring-reveal-button","title":"Ring reveal button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/gradient-ring-reveal-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/gradient-ring-reveal-button.webp"},{"plate":1970,"slug":"gradient-shift-text","title":"Gradient shift text","category":"text-effects","url":"https://fieldbook.lizardi.mx/components/gradient-shift-text","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/gradient-shift-text.webp"},{"slug":"gradient-slat-spotlight","title":"Gradient slat spotlight","description":"Vertical slats hide a colour gradient until a soft spotlight tracks the pointer across them and lights each slat it touches.","category":"backgrounds","tags":["background","gradient","slats","spotlight","pointer","grain","canvas","ambient"],"frame":"full","theme":"dark","plate":1700,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/gradient-slat-spotlight.webp","controls":6,"verified":true,"security":"clean","slop":0,"url":"https://fieldbook.lizardi.mx/components/gradient-slat-spotlight"},{"slug":"gradient-swap-button","title":"Gradient swap button","description":"A rounded button whose diagonal shading trades its two stops on hover, so the light corner travels across the face.","category":"buttons","tags":["button","gradient","swap","hover","cta"],"frame":"inline","theme":"either","plate":1862,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/gradient-swap-button.webp","controls":4,"verified":true,"security":"clean","slop":14,"url":"https://fieldbook.lizardi.mx/components/gradient-swap-button"},{"plate":1971,"slug":"gradient-sweep-heading","title":"Gradient sweep heading","category":"text-effects","url":"https://fieldbook.lizardi.mx/components/gradient-sweep-heading","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/gradient-sweep-heading.webp"},{"plate":2474,"slug":"gradient-tilt-pill","title":"Gradient tilt pill","category":"buttons","url":"https://fieldbook.lizardi.mx/components/gradient-tilt-pill","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/gradient-tilt-pill.webp"},{"slug":"grain-flicker-layer","title":"Grain Flicker","description":"A grain layer that redraws itself every few frames, so flat backgrounds get the restless flicker of a running projector instead of a fixed texture.","category":"backgrounds","tags":["grain","noise","texture","overlay","film","canvas"],"frame":"wide","theme":"either","plate":1972,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/grain-flicker-layer.webp","controls":4,"verified":true,"security":"clean","slop":22,"url":"https://fieldbook.lizardi.mx/components/grain-flicker-layer"},{"plate":1701,"slug":"grain-wash","title":"Grain wash","category":"backgrounds","url":"https://fieldbook.lizardi.mx/components/grain-wash","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/grain-wash.webp"},{"plate":1863,"slug":"grained-rim-button","title":"Grained rim button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/grained-rim-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/grained-rim-button.webp"},{"plate":1702,"slug":"graph-paper-grid","title":"Graph paper grid","category":"backgrounds","url":"https://fieldbook.lizardi.mx/components/graph-paper-grid","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/graph-paper-grid.webp"},{"slug":"graphite-slab-cta","title":"Graphite Slab CTA","description":"A fixed-width dark slab button with a subtle graphite ramp that lifts on hover and carries a thin accent rule along its bottom edge.","category":"buttons","tags":["button","slab","dark","ramp","hover","lift","fixed-width","cta"],"frame":"inline","theme":"either","plate":2669,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/graphite-slab-cta.webp","controls":6,"verified":true,"security":"clean","slop":21,"url":"https://fieldbook.lizardi.mx/components/graphite-slab-cta"},{"slug":"gravity-dust-field","title":"Gravity dust field","description":"A slow field of glowing dust specks that bend toward or away from the pointer and flare brighter the closer they get.","category":"backgrounds","tags":["particles","gravity","dust","pointer","canvas","field","glow"],"frame":"wide","theme":"dark","plate":1703,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/gravity-dust-field.webp","controls":6,"verified":true,"security":"clean","slop":8,"url":"https://fieldbook.lizardi.mx/components/gravity-dust-field"},{"plate":1973,"slug":"greeting-cycle-text","title":"Greeting Cycle","category":"text-effects","url":"https://fieldbook.lizardi.mx/components/greeting-cycle-text","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/greeting-cycle-text.webp"},{"slug":"gridline-area-chart","title":"Gridline area chart","description":"A card-framed area chart with two overlapping filled layers, rounded axis ticks, a faint gridline and a footer line calling out the trend.","category":"charts","tags":["chart","area","gridline","axis","tooltip","trend","analytics"],"frame":"card","theme":"either","plate":2099,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/gridline-area-chart.webp","controls":5,"verified":true,"security":"clean","slop":0,"url":"https://fieldbook.lizardi.mx/components/gridline-area-chart"},{"slug":"grounded-download-pill","title":"Grounded download pill","description":"A fully rounded download button with an accent-tinted shadow that tightens on press while its arrow dips and springs back.","category":"buttons","tags":["button","download","pill","shadow","press","icon"],"frame":"inline","theme":"either","plate":2608,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/grounded-download-pill.webp","controls":5,"verified":true,"security":"clean","slop":14,"url":"https://fieldbook.lizardi.mx/components/grounded-download-pill"},{"slug":"grouped-backdrop-popover","title":"Grouped backdrop popover","description":"A popover trigger that scales open near its anchor with an optional dimmed backdrop, and closes any sibling popover in its group as soon as it opens.","category":"overlays","tags":["popover","backdrop","grouped overlays","anchor positioning"],"frame":"card","theme":"either","plate":2160,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/grouped-backdrop-popover.webp","controls":4,"verified":true,"security":"clean","slop":10,"url":"https://fieldbook.lizardi.mx/components/grouped-backdrop-popover"},{"plate":1974,"slug":"grouped-code-boxes","title":"Grouped Code Boxes","category":"forms","url":"https://fieldbook.lizardi.mx/components/grouped-code-boxes","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/grouped-code-boxes.webp"},{"plate":2161,"slug":"grouped-filter-popover","title":"Grouped filter popover","category":"overlays","url":"https://fieldbook.lizardi.mx/components/grouped-filter-popover","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/grouped-filter-popover.webp"},{"plate":2361,"slug":"grouped-icon-toolbar","title":"Grouped icon toolbar","category":"navigation","url":"https://fieldbook.lizardi.mx/components/grouped-icon-toolbar","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/grouped-icon-toolbar.webp"},{"slug":"grouped-magnify-dock","title":"Grouped magnify dock","description":"A bottom dock of round icon buttons split into two clusters that grow the closer the pointer gets to each one.","category":"navigation","tags":["dock","navigation","magnify","toolbar","icons"],"frame":"wide","theme":"either","plate":2162,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/grouped-magnify-dock.webp","controls":4,"verified":true,"security":"clean","slop":18,"url":"https://fieldbook.lizardi.mx/components/grouped-magnify-dock"},{"plate":1975,"slug":"grouped-section-fieldset","title":"Grouped Section Fieldset","category":"forms","url":"https://fieldbook.lizardi.mx/components/grouped-section-fieldset","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/grouped-section-fieldset.webp"},{"slug":"grouped-select-menu","title":"Grouped select menu","description":"A dropdown select whose options are grouped under section headings, with edge arrow strips that auto-scroll long lists.","category":"inputs","tags":["select","dropdown","grouped options","listbox","menu"],"frame":"card","theme":"either","plate":2796,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/grouped-select-menu.webp","controls":2,"verified":true,"security":"clean","slop":30,"url":"https://fieldbook.lizardi.mx/components/grouped-select-menu"},{"plate":2163,"slug":"grouped-settings-dropdown","title":"Grouped settings dropdown","category":"navigation","url":"https://fieldbook.lizardi.mx/components/grouped-settings-dropdown","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/grouped-settings-dropdown.webp"},{"slug":"grow-bar-chart","title":"Grow bar chart","description":"A bar chart that grows its columns up from the baseline on load, switches between vertical and horizontal layout, and highlights one bar at a time on hover.","category":"charts","tags":["bar chart","column chart","horizontal bars","grow animation","hover highlight"],"frame":"wide","theme":"dark","plate":2091,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/grow-bar-chart.webp","controls":4,"verified":true,"security":"clean","slop":18,"url":"https://fieldbook.lizardi.mx/components/grow-bar-chart"},{"slug":"growing-back-arrow","title":"Growing back arrow","description":"A bare left-arrow back control that grows and stretches its shaft on hover, then snaps to rest when pressed.","category":"buttons","tags":["button","icon","arrow","back","scale","minimal","navigation"],"frame":"inline","theme":"either","plate":2576,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/growing-back-arrow.webp","controls":5,"verified":true,"security":"clean","slop":0,"url":"https://fieldbook.lizardi.mx/components/growing-back-arrow"},{"slug":"growing-ledge-button","title":"Growing ledge button","description":"A solid accent button resting on a darker bottom ledge that thickens and lifts on hover, then thins and sinks under a press.","category":"buttons","tags":["ledge","press","lift","depth","tactile","hover","button"],"frame":"inline","theme":"either","plate":2566,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/growing-ledge-button.webp","controls":5,"verified":true,"security":"clean","slop":0,"url":"https://fieldbook.lizardi.mx/components/growing-ledge-button"},{"plate":2362,"slug":"growing-pill-backdrop-button","title":"Growing Pill Backdrop","category":"buttons","url":"https://fieldbook.lizardi.mx/components/growing-pill-backdrop-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/growing-pill-backdrop-button.webp"},{"slug":"guide-steps-accordion","title":"Guide steps accordion","description":"A numbered accordion of guide steps whose panels can stay mounted while collapsed, so a running timer inside one keeps counting across a close and reopen.","category":"data-display","tags":["accordion","guide","steps","disclosure","onboarding"],"frame":"card","theme":"either","plate":1976,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/guide-steps-accordion.webp","controls":4,"verified":true,"security":"clean","slop":18,"url":"https://fieldbook.lizardi.mx/components/guide-steps-accordion"},{"plate":2363,"slug":"hairline-divider","title":"Hairline section divider","category":"data-display","url":"https://fieldbook.lizardi.mx/components/hairline-divider","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/hairline-divider.webp"},{"plate":2609,"slug":"hairline-lift-ghost-pill","title":"Hairline lift pill","category":"buttons","url":"https://fieldbook.lizardi.mx/components/hairline-lift-ghost-pill","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/hairline-lift-ghost-pill.webp"},{"plate":1778,"slug":"hairline-note-card","title":"Hairline Note Card","category":"cards","url":"https://fieldbook.lizardi.mx/components/hairline-note-card","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/hairline-note-card.webp"},{"slug":"hairline-tone-badge","title":"Hairline Tone Badge","description":"An unfilled pill label whose border and text share one color, so a row of them reads like a printed legend.","category":"feedback","tags":["badge","pill","label","tone","outline","status","legend"],"frame":"inline","theme":"either","plate":1977,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/hairline-tone-badge.webp","controls":5,"verified":true,"security":"clean","slop":0,"url":"https://fieldbook.lizardi.mx/components/hairline-tone-badge"},{"plate":2647,"slug":"hairline-trace-submit","title":"Hairline trace submit","category":"buttons","url":"https://fieldbook.lizardi.mx/components/hairline-trace-submit","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/hairline-trace-submit.webp"},{"plate":2627,"slug":"hairline-utility-button","title":"Hairline utility button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/hairline-utility-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/hairline-utility-button.webp"},{"plate":2735,"slug":"halftone-print-loupe","title":"Halftone print loupe","category":"media","url":"https://fieldbook.lizardi.mx/components/halftone-print-loupe","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/halftone-print-loupe.webp"},{"plate":1978,"slug":"halftone-ripple-field","title":"Halftone ripple field","category":"backgrounds","url":"https://fieldbook.lizardi.mx/components/halftone-ripple-field","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/halftone-ripple-field.webp"},{"slug":"halftone-wave-field","title":"Halftone wave field","description":"A slow cloud of turbulence flattened to a handful of tones and printed as a grid of dots, so it reads like a newspaper photo that will not hold still.","category":"backgrounds","tags":["background","canvas","dither","halftone","noise","turbulence","print","monochrome"],"frame":"wide","theme":"dark","plate":1704,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/halftone-wave-field.webp","controls":6,"verified":true,"security":"clean","slop":22,"url":"https://fieldbook.lizardi.mx/components/halftone-wave-field"},{"plate":2475,"slug":"halo-glow-button","title":"Halo glow button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/halo-glow-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/halo-glow-button.webp"},{"plate":1979,"slug":"halo-ring","title":"Halo ring","category":"backgrounds","url":"https://fieldbook.lizardi.mx/components/halo-ring","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/halo-ring.webp"},{"plate":2677,"slug":"halo-ring-button","title":"Halo ring button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/halo-ring-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/halo-ring-button.webp"},{"slug":"hand-drawn-text-marker","title":"Hand-drawn text marker","description":"Wraps a span of text with a hand-drawn marker annotation, such as a highlight wash, underline, circle, or box, that draws itself on with a slightly imperfect sketched stroke.","category":"text-effects","tags":["highlight","underline","annotation","sketch","hand-drawn","text-effect"],"frame":"card","theme":"either","plate":2164,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/hand-drawn-text-marker.webp","controls":4,"verified":true,"security":"clean","slop":0,"url":"https://fieldbook.lizardi.mx/components/hand-drawn-text-marker"},{"plate":1635,"slug":"handoff-link-button","title":"Handoff link button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/handoff-link-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/handoff-link-button.webp"},{"slug":"hard-edge-key-button","title":"Hard edge key button","description":"A compact hardware-style key that flips its highlight, outline and shadow inward the instant you press it.","category":"buttons","tags":["button","key","hardware","press","inset"],"frame":"inline","theme":"dark","plate":2165,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/hard-edge-key-button.webp","controls":4,"verified":true,"security":"clean","slop":0,"url":"https://fieldbook.lizardi.mx/components/hard-edge-key-button"},{"slug":"hard-shadow-button","title":"Hard Shadow Button","description":"A thick-outlined button that lifts off its solid offset shadow on hover and presses back into it on click.","category":"buttons","tags":["button","outline","offset shadow","sticker","flat","press"],"frame":"inline","theme":"either","plate":1864,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/hard-shadow-button.webp","controls":4,"verified":true,"security":"clean","slop":0,"url":"https://fieldbook.lizardi.mx/components/hard-shadow-button"},{"plate":1705,"slug":"hard-shadow-store-badge","title":"Hard shadow store badge","category":"buttons","url":"https://fieldbook.lizardi.mx/components/hard-shadow-store-badge","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/hard-shadow-store-badge.webp"},{"plate":2685,"slug":"hatch-sweep-button","title":"Hatch sweep button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/hatch-sweep-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/hatch-sweep-button.webp"},{"plate":2686,"slug":"heartbeat-like-button","title":"Heartbeat like button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/heartbeat-like-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/heartbeat-like-button.webp"},{"slug":"height-morph-accordion","title":"Height Morph Accordion","description":"A question list whose answer panels grow and shrink to their natural height with a spring, pushing the rows below them.","category":"data-display","tags":["accordion","disclosure","faq","expand","height animation","collapse"],"frame":"card","theme":"either","plate":2364,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/height-morph-accordion.webp","controls":4,"verified":true,"security":"clean","slop":0,"url":"https://fieldbook.lizardi.mx/components/height-morph-accordion"},{"plate":1530,"slug":"hero-signal","title":"Hero signal","category":"blocks","url":"https://fieldbook.lizardi.mx/components/hero-signal","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/hero-signal.webp"},{"plate":1706,"slug":"hex-cell-grid","title":"Hex cell grid","category":"backgrounds","url":"https://fieldbook.lizardi.mx/components/hex-cell-grid","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/hex-cell-grid.webp"},{"plate":2827,"slug":"highlight-focus-swap","title":"Highlight focus swap","category":"text-effects","url":"https://fieldbook.lizardi.mx/components/highlight-focus-swap","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/highlight-focus-swap.webp"},{"plate":2092,"slug":"highlight-trail-chart","title":"Highlight trail chart","category":"charts","url":"https://fieldbook.lizardi.mx/components/highlight-trail-chart","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/highlight-trail-chart.webp"},{"slug":"highlighted-bar-chart","title":"Highlighted bar chart","description":"A category bar chart where one bar is called out with a dashed outline and a lighter fill, and the callout follows whichever bar you point at.","category":"charts","tags":["chart","bar","active","highlight","dashed","category","selection"],"frame":"wide","theme":"either","plate":2273,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/highlighted-bar-chart.webp","controls":5,"verified":true,"security":"clean","slop":32,"url":"https://fieldbook.lizardi.mx/components/highlighted-bar-chart"},{"plate":2687,"slug":"hinged-plate-button","title":"Hinged plate button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/hinged-plate-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/hinged-plate-button.webp"},{"slug":"hinged-progress-button","title":"Hinged progress button","description":"A button whose face hinges backward on hover, exposing a tray where a progress bar fills in uneven bursts and fades out at full width.","category":"buttons","tags":["button","hinge","lid","progress","reveal","perspective","3d"],"frame":"inline","theme":"either","plate":2688,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/hinged-progress-button.webp","controls":5,"verified":true,"security":"clean","slop":18,"url":"https://fieldbook.lizardi.mx/components/hinged-progress-button"},{"plate":1707,"slug":"hold-ring-confirm-button","title":"Hold ring confirm","category":"buttons","url":"https://fieldbook.lizardi.mx/components/hold-ring-confirm-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/hold-ring-confirm-button.webp"},{"slug":"hold-to-delete-button","title":"Hold to delete","description":"A destructive button that only fires after the pointer is held down long enough for a fill bar to sweep across it, and rewinds the moment you let go.","category":"buttons","tags":["button","hold","press and hold","confirm","destructive","progress","safety"],"frame":"inline","theme":"either","plate":1636,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/hold-to-delete-button.webp","controls":5,"verified":true,"security":"review","slop":0,"url":"https://fieldbook.lizardi.mx/components/hold-to-delete-button"},{"plate":2570,"slug":"hold-to-fill-pad-button","title":"Hold to fill pad","category":"buttons","url":"https://fieldbook.lizardi.mx/components/hold-to-fill-pad-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/hold-to-fill-pad-button.webp"},{"plate":1865,"slug":"holographic-id-card","title":"Holographic ID card","category":"cards","url":"https://fieldbook.lizardi.mx/components/holographic-id-card","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/holographic-id-card.webp"},{"slug":"honeycomb-lattice","title":"Honeycomb lattice","description":"A honeycomb of outlined hexagons tiling a container, with shared edges drawn only once so every seam stays a single hairline.","category":"backgrounds","tags":["hexagon","honeycomb","lattice","pattern","tiling","texture"],"frame":"wide","theme":"dark","plate":1708,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/honeycomb-lattice.webp","controls":5,"verified":true,"security":"clean","slop":22,"url":"https://fieldbook.lizardi.mx/components/honeycomb-lattice"},{"slug":"hop-lift-button","title":"Hop lift button","description":"A rounded button that lifts and hops in a short repeating loop while pointed at, then drops flat into a darker press state.","category":"buttons","tags":["button","hop","lift","bounce","press","playful"],"frame":"inline","theme":"either","plate":2166,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/hop-lift-button.webp","controls":6,"verified":true,"security":"clean","slop":0,"url":"https://fieldbook.lizardi.mx/components/hop-lift-button"},{"plate":2167,"slug":"hopping-dot-loader","title":"Hopping dot loader","category":"feedback","url":"https://fieldbook.lizardi.mx/components/hopping-dot-loader","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/hopping-dot-loader.webp"},{"plate":1709,"slug":"horizon-swell","title":"Horizon swell","category":"backgrounds","url":"https://fieldbook.lizardi.mx/components/horizon-swell","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/horizon-swell.webp"},{"plate":2277,"slug":"horizontal-bar-chart","title":"Horizontal bar chart","category":"charts","url":"https://fieldbook.lizardi.mx/components/horizontal-bar-chart","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/horizontal-bar-chart.webp"},{"plate":2910,"slug":"hot-metal-line-caster","title":"Hot metal line caster","category":"typography","url":"https://fieldbook.lizardi.mx/components/hot-metal-line-caster","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/hot-metal-line-caster.webp"},{"slug":"hover-decrypt-text","title":"Hover Decrypt Text","description":"Letters scramble through random characters and resolve left to right into the real word over about a second, replaying the decode whenever the pointer enters the text.","category":"text-effects","tags":["scramble","decrypt","hover-text","decode-animation"],"frame":"inline","theme":"either","plate":2168,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/hover-decrypt-text.webp","controls":4,"verified":true,"security":"clean","slop":0,"url":"https://fieldbook.lizardi.mx/components/hover-decrypt-text"},{"plate":2365,"slug":"hover-duplicate-text-nav","title":"Hover duplicate text nav","category":"navigation","url":"https://fieldbook.lizardi.mx/components/hover-duplicate-text-nav","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/hover-duplicate-text-nav.webp"},{"plate":1779,"slug":"hover-preview-popover","title":"Hover preview popover","category":"cards","url":"https://fieldbook.lizardi.mx/components/hover-preview-popover","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/hover-preview-popover.webp"},{"plate":2366,"slug":"hover-slide-nav-labels","title":"Hover slide nav labels","category":"navigation","url":"https://fieldbook.lizardi.mx/components/hover-slide-nav-labels","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/hover-slide-nav-labels.webp"},{"plate":2367,"slug":"hover-speed-text-ring","title":"Hover speed text ring","category":"text-effects","url":"https://fieldbook.lizardi.mx/components/hover-speed-text-ring","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/hover-speed-text-ring.webp"},{"plate":2169,"slug":"hover-weight-ripple-text","title":"Hover weight ripple text","category":"text-effects","url":"https://fieldbook.lizardi.mx/components/hover-weight-ripple-text","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/hover-weight-ripple-text.webp"},{"plate":2368,"slug":"hover-zoom-frame","title":"Hover zoom frame","category":"media","url":"https://fieldbook.lizardi.mx/components/hover-zoom-frame","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/hover-zoom-frame.webp"},{"plate":2866,"slug":"human-approval-inbox","title":"Human approval inbox","category":"blocks","url":"https://fieldbook.lizardi.mx/components/human-approval-inbox","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/human-approval-inbox.webp"},{"plate":1585,"slug":"icon-accessibility","title":"Accessibility icon","category":"icons","url":"https://fieldbook.lizardi.mx/components/icon-accessibility","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/icon-accessibility.webp"},{"slug":"icon-activity","title":"Activity icon","description":"A vital-signs trace that draws itself left to right across a flat line, spikes once, then flattens again.","category":"icons","tags":["icon","animated","svg","activity","pulse","heartbeat","monitor","health","live"],"frame":"inline","theme":"either","plate":1612,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/icon-activity.webp","controls":4,"verified":true,"security":"clean","slop":10,"url":"https://fieldbook.lizardi.mx/components/icon-activity"},{"plate":1586,"slug":"icon-airplay","title":"Airplay icon","category":"icons","url":"https://fieldbook.lizardi.mx/components/icon-airplay","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/icon-airplay.webp"},{"plate":1613,"slug":"icon-alarm-clock","title":"Alarm clock icon","category":"icons","url":"https://fieldbook.lizardi.mx/components/icon-alarm-clock","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/icon-alarm-clock.webp"},{"slug":"icon-arrow","title":"Arrow icon","description":"A full-length arrow that nudges along its own axis, with paired arrows for the two-way directions.","category":"icons","tags":["icon","animated","svg","arrow","direction","navigate","pointer","go"],"frame":"inline","theme":"either","plate":1548,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/icon-arrow.webp","controls":5,"verified":true,"security":"clean","slop":10,"url":"https://fieldbook.lizardi.mx/components/icon-arrow"},{"plate":1587,"slug":"icon-audio-lines","title":"Audio lines icon","category":"icons","url":"https://fieldbook.lizardi.mx/components/icon-audio-lines","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/icon-audio-lines.webp"},{"plate":1549,"slug":"icon-axis-3d","title":"3D axis icon","category":"icons","url":"https://fieldbook.lizardi.mx/components/icon-axis-3d","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/icon-axis-3d.webp"},{"slug":"icon-badge-check","title":"Badge check icon","description":"A scalloped seal that draws its eight lobes, then strokes a check across the middle a beat later.","category":"icons","tags":["icon","animated","svg","verified","approved","trusted","seal","check"],"frame":"inline","theme":"either","plate":1588,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/icon-badge-check.webp","controls":4,"verified":true,"security":"clean","slop":10,"url":"https://fieldbook.lizardi.mx/components/icon-badge-check"},{"slug":"icon-badge-send-button","title":"Icon badge send","description":"A rounded send button whose glyph sits in a translucent circular badge that brightens and turns while the whole button lifts on hover and settles on press.","category":"buttons","tags":["button","send","badge","lift","rotate","shadow"],"frame":"inline","theme":"either","plate":2716,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/icon-badge-send-button.webp","controls":5,"verified":true,"security":"clean","slop":38,"url":"https://fieldbook.lizardi.mx/components/icon-badge-send-button"},{"plate":1614,"slug":"icon-battery","title":"Battery icon","category":"icons","url":"https://fieldbook.lizardi.mx/components/icon-battery","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/icon-battery.webp"},{"plate":1550,"slug":"icon-bell","title":"Bell icon","category":"icons","url":"https://fieldbook.lizardi.mx/components/icon-bell","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/icon-bell.webp"},{"plate":1551,"slug":"icon-between","title":"Between icon","category":"icons","url":"https://fieldbook.lizardi.mx/components/icon-between","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/icon-between.webp"},{"slug":"icon-blocks","title":"Blocks icon","description":"Three square blocks set in an L, hopping one after another like pieces being snapped into place.","category":"icons","tags":["icon","animated","svg","components","modules","grid","build","plugin"],"frame":"inline","theme":"either","plate":1552,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/icon-blocks.webp","controls":4,"verified":true,"security":"clean","slop":10,"url":"https://fieldbook.lizardi.mx/components/icon-blocks"},{"plate":1589,"slug":"icon-cast","title":"Cast icon","category":"icons","url":"https://fieldbook.lizardi.mx/components/icon-cast","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/icon-cast.webp"},{"plate":1553,"slug":"icon-check","title":"Check icon","category":"icons","url":"https://fieldbook.lizardi.mx/components/icon-check","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/icon-check.webp"},{"plate":1554,"slug":"icon-chevron","title":"Chevron icon","category":"icons","url":"https://fieldbook.lizardi.mx/components/icon-chevron","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/icon-chevron.webp"},{"plate":1590,"slug":"icon-clapperboard","title":"Clapperboard icon","category":"icons","url":"https://fieldbook.lizardi.mx/components/icon-clapperboard","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/icon-clapperboard.webp"},{"plate":1555,"slug":"icon-clipboard","title":"Clipboard icon","category":"icons","url":"https://fieldbook.lizardi.mx/components/icon-clipboard","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/icon-clipboard.webp"},{"plate":1615,"slug":"icon-clock","title":"Clock icon","category":"icons","url":"https://fieldbook.lizardi.mx/components/icon-clock","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/icon-clock.webp"},{"plate":1591,"slug":"icon-cog","title":"Cog icon","category":"icons","url":"https://fieldbook.lizardi.mx/components/icon-cog","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/icon-cog.webp"},{"slug":"icon-compass","title":"Compass icon","description":"A dial with a kite needle that swings off north and settles back on the pivot at the centre.","category":"icons","tags":["icon","animated","svg","navigate","direction","north","explore","bearing"],"frame":"inline","theme":"either","plate":1556,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/icon-compass.webp","controls":4,"verified":true,"security":"clean","slop":10,"url":"https://fieldbook.lizardi.mx/components/icon-compass"},{"plate":1557,"slug":"icon-copy","title":"Copy icon","category":"icons","url":"https://fieldbook.lizardi.mx/components/icon-copy","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/icon-copy.webp"},{"plate":1558,"slug":"icon-corner-arrow","title":"Corner arrow icon","category":"icons","url":"https://fieldbook.lizardi.mx/components/icon-corner-arrow","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/icon-corner-arrow.webp"},{"plate":1559,"slug":"icon-crop","title":"Crop icon","category":"icons","url":"https://fieldbook.lizardi.mx/components/icon-crop","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/icon-crop.webp"},{"slug":"icon-cross","title":"Cross icon","description":"An upright cross with a high crossbar and softly rounded arms, swelling gently on a slow pulse.","category":"icons","tags":["icon","animated","svg","health","aid","clinic","care","symbol"],"frame":"inline","theme":"either","plate":1592,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/icon-cross.webp","controls":4,"verified":true,"security":"clean","slop":10,"url":"https://fieldbook.lizardi.mx/components/icon-cross"},{"slug":"icon-crossfade-switch","title":"Icon crossfade switch","description":"A toggle switch whose thumb icon fades and scales into a different icon as the switch flips between off and on.","category":"inputs","tags":["switch","toggle","icon","crossfade","theme toggle"],"frame":"inline","theme":"either","plate":1980,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/icon-crossfade-switch.webp","controls":4,"verified":true,"security":"clean","slop":2,"url":"https://fieldbook.lizardi.mx/components/icon-crossfade-switch"},{"plate":1593,"slug":"icon-disc","title":"Disc icon","category":"icons","url":"https://fieldbook.lizardi.mx/components/icon-disc","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/icon-disc.webp"},{"slug":"icon-download","title":"Download icon","description":"An arrow that slides down into a tray, or out of a cloud, for save and export actions.","category":"icons","tags":["icon","animated","svg","save","export","arrow","tray","cloud"],"frame":"inline","theme":"either","plate":1560,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/icon-download.webp","controls":5,"verified":true,"security":"clean","slop":10,"url":"https://fieldbook.lizardi.mx/components/icon-download"},{"plate":1561,"slug":"icon-ellipsis","title":"Ellipsis icon","category":"icons","url":"https://fieldbook.lizardi.mx/components/icon-ellipsis","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/icon-ellipsis.webp"},{"plate":1594,"slug":"icon-equal-not","title":"Not equal icon","category":"icons","url":"https://fieldbook.lizardi.mx/components/icon-equal-not","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/icon-equal-not.webp"},{"slug":"icon-ev-charger","title":"EV charger icon","description":"A charging pillar on a pad with a cable outlet, and a bolt on the face that blinks while it delivers.","category":"icons","tags":["icon","animated","svg","ev","charger","electric","vehicle","charging","station"],"frame":"inline","theme":"either","plate":1616,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/icon-ev-charger.webp","controls":4,"verified":true,"security":"clean","slop":10,"url":"https://fieldbook.lizardi.mx/components/icon-ev-charger"},{"plate":1562,"slug":"icon-expand","title":"Expand icon","category":"icons","url":"https://fieldbook.lizardi.mx/components/icon-expand","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/icon-expand.webp"},{"plate":1563,"slug":"icon-external-link","title":"External link icon","category":"icons","url":"https://fieldbook.lizardi.mx/components/icon-external-link","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/icon-external-link.webp"},{"plate":1595,"slug":"icon-fingerprint","title":"Fingerprint icon","category":"icons","url":"https://fieldbook.lizardi.mx/components/icon-fingerprint","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/icon-fingerprint.webp"},{"slug":"icon-frame","title":"Frame icon","description":"A viewfinder whose four rounded corners breathe in turn around a fixed center point.","category":"icons","tags":["icon","animated","svg","frame","viewfinder","focus","composition","capture"],"frame":"inline","theme":"either","plate":1564,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/icon-frame.webp","controls":4,"verified":true,"security":"clean","slop":10,"url":"https://fieldbook.lizardi.mx/components/icon-frame"},{"plate":1565,"slug":"icon-gallery","title":"Gallery icon","category":"icons","url":"https://fieldbook.lizardi.mx/components/icon-gallery","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/icon-gallery.webp"},{"plate":1617,"slug":"icon-gauge","title":"Gauge icon","category":"icons","url":"https://fieldbook.lizardi.mx/components/icon-gauge","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/icon-gauge.webp"},{"slug":"icon-heart","title":"Heart icon","description":"A heart with two round lobes and a soft point, beating on a loop and filling solid in the on state.","category":"icons","tags":["icon","animated","svg","like","love","favorite","save"],"frame":"inline","theme":"either","plate":1596,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/icon-heart.webp","controls":5,"verified":true,"security":"clean","slop":10,"url":"https://fieldbook.lizardi.mx/components/icon-heart"},{"plate":1566,"slug":"icon-kanban","title":"Kanban icon","category":"icons","url":"https://fieldbook.lizardi.mx/components/icon-kanban","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/icon-kanban.webp"},{"plate":1597,"slug":"icon-key","title":"Key icon","category":"icons","url":"https://fieldbook.lizardi.mx/components/icon-key","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/icon-key.webp"},{"plate":1981,"slug":"icon-label-tabs","title":"Icon label tabs","category":"navigation","url":"https://fieldbook.lizardi.mx/components/icon-label-tabs","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/icon-label-tabs.webp"},{"plate":1710,"slug":"icon-label-toolbar","title":"Icon label toolbar","category":"buttons","url":"https://fieldbook.lizardi.mx/components/icon-label-toolbar","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/icon-label-toolbar.webp"},{"plate":1567,"slug":"icon-layers","title":"Layers icon","category":"icons","url":"https://fieldbook.lizardi.mx/components/icon-layers","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/icon-layers.webp"},{"slug":"icon-layout-dashboard","title":"Layout dashboard icon","description":"Four dashboard tiles in two uneven columns, each breathing in turn so the grid ripples top-left to bottom-right.","category":"icons","tags":["icon","animated","svg","grid","tiles","layout","admin","panels"],"frame":"inline","theme":"either","plate":1568,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/icon-layout-dashboard.webp","controls":4,"verified":true,"security":"clean","slop":10,"url":"https://fieldbook.lizardi.mx/components/icon-layout-dashboard"},{"plate":1569,"slug":"icon-link","title":"Link icon","category":"icons","url":"https://fieldbook.lizardi.mx/components/icon-link","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/icon-link.webp"},{"plate":1618,"slug":"icon-loader","title":"Loader icon","category":"icons","url":"https://fieldbook.lizardi.mx/components/icon-loader","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/icon-loader.webp"},{"plate":1598,"slug":"icon-log-in","title":"Log in icon","category":"icons","url":"https://fieldbook.lizardi.mx/components/icon-log-in","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/icon-log-in.webp"},{"plate":1599,"slug":"icon-log-out","title":"Log out icon","category":"icons","url":"https://fieldbook.lizardi.mx/components/icon-log-out","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/icon-log-out.webp"},{"plate":1570,"slug":"icon-map-pin","title":"Map pin icon","category":"icons","url":"https://fieldbook.lizardi.mx/components/icon-map-pin","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/icon-map-pin.webp"},{"plate":1571,"slug":"icon-maximize","title":"Maximize icon","category":"icons","url":"https://fieldbook.lizardi.mx/components/icon-maximize","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/icon-maximize.webp"},{"slug":"icon-menu","title":"Menu icon","description":"Three stacked bars that ripple sideways one after the other, the handle for a nav drawer.","category":"icons","tags":["icon","animated","svg","menu","hamburger","nav","bars","drawer"],"frame":"inline","theme":"either","plate":1572,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/icon-menu.webp","controls":4,"verified":true,"security":"clean","slop":10,"url":"https://fieldbook.lizardi.mx/components/icon-menu"},{"plate":1573,"slug":"icon-minimize","title":"Minimize icon","category":"icons","url":"https://fieldbook.lizardi.mx/components/icon-minimize","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/icon-minimize.webp"},{"plate":1574,"slug":"icon-minus","title":"Minus icon","category":"icons","url":"https://fieldbook.lizardi.mx/components/icon-minus","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/icon-minus.webp"},{"plate":1575,"slug":"icon-move","title":"Move icon","category":"icons","url":"https://fieldbook.lizardi.mx/components/icon-move","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/icon-move.webp"},{"plate":1619,"slug":"icon-nfc","title":"NFC icon","category":"icons","url":"https://fieldbook.lizardi.mx/components/icon-nfc","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/icon-nfc.webp"},{"slug":"icon-orbit","title":"Orbit icon","description":"A solid body ringed by a single track, with a bead that rides all the way around it once per cycle.","category":"icons","tags":["icon","animated","svg","orbit","satellite","planet","revolve","space","cycle"],"frame":"inline","theme":"either","plate":1620,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/icon-orbit.webp","controls":4,"verified":true,"security":"clean","slop":10,"url":"https://fieldbook.lizardi.mx/components/icon-orbit"},{"slug":"icon-panel","title":"Panel icon","description":"A window frame whose docked panel edge slides while a chevron shows which way the panel is headed.","category":"icons","tags":["icon","animated","svg","sidebar","drawer","layout","split","collapse"],"frame":"inline","theme":"either","plate":1576,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/icon-panel.webp","controls":5,"verified":true,"security":"clean","slop":10,"url":"https://fieldbook.lizardi.mx/components/icon-panel"},{"slug":"icon-paperclip","title":"Paperclip icon","description":"A bent-wire clip hanging by its top bend, swinging the way a clipped page tugs it back and forth.","category":"icons","tags":["icon","animated","svg","attach","attachment","clip","file","upload"],"frame":"inline","theme":"either","plate":1600,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/icon-paperclip.webp","controls":4,"verified":true,"security":"clean","slop":10,"url":"https://fieldbook.lizardi.mx/components/icon-paperclip"},{"plate":1601,"slug":"icon-pause","title":"Pause icon","category":"icons","url":"https://fieldbook.lizardi.mx/components/icon-pause","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/icon-pause.webp"},{"plate":1602,"slug":"icon-pin","title":"Pin icon","category":"icons","url":"https://fieldbook.lizardi.mx/components/icon-pin","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/icon-pin.webp"},{"plate":1603,"slug":"icon-play","title":"Play icon","category":"icons","url":"https://fieldbook.lizardi.mx/components/icon-play","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/icon-play.webp"},{"plate":1621,"slug":"icon-plug-zap","title":"Plug zap icon","category":"icons","url":"https://fieldbook.lizardi.mx/components/icon-plug-zap","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/icon-plug-zap.webp"},{"plate":1577,"slug":"icon-plus","title":"Plus icon","category":"icons","url":"https://fieldbook.lizardi.mx/components/icon-plus","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/icon-plus.webp"},{"slug":"icon-radio","title":"Radio icon","description":"A transmitting dot with two pairs of arcs that swell away from it, an inner pair leading and an outer pair following.","category":"icons","tags":["icon","animated","svg","signal","broadcast","wireless","waves","live"],"frame":"inline","theme":"either","plate":1604,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/icon-radio.webp","controls":4,"verified":true,"security":"clean","slop":10,"url":"https://fieldbook.lizardi.mx/components/icon-radio"},{"plate":1605,"slug":"icon-radio-tower","title":"Radio tower icon","category":"icons","url":"https://fieldbook.lizardi.mx/components/icon-radio-tower","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/icon-radio-tower.webp"},{"plate":1622,"slug":"icon-refresh","title":"Refresh icon","category":"icons","url":"https://fieldbook.lizardi.mx/components/icon-refresh","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/icon-refresh.webp"},{"slug":"icon-reveal-fill-chip","title":"Icon reveal chip","description":"A small outlined chip that floods with its accent on hover while the label slides left and a hidden glyph fades in from the right.","category":"buttons","tags":["button","chip","reveal","icon","flood","slide","contact"],"frame":"inline","theme":"either","plate":2476,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/icon-reveal-fill-chip.webp","controls":5,"verified":true,"security":"clean","slop":3,"url":"https://fieldbook.lizardi.mx/components/icon-reveal-fill-chip"},{"plate":1623,"slug":"icon-rotate","title":"Rotate icon","category":"icons","url":"https://fieldbook.lizardi.mx/components/icon-rotate","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/icon-rotate.webp"},{"plate":1578,"slug":"icon-route","title":"Route icon","category":"icons","url":"https://fieldbook.lizardi.mx/components/icon-route","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/icon-route.webp"},{"plate":1579,"slug":"icon-search","title":"Search icon","category":"icons","url":"https://fieldbook.lizardi.mx/components/icon-search","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/icon-search.webp"},{"slug":"icon-send","title":"Send icon","description":"A paper plane that slides forward on release, folded on the diagonal or flying flat and horizontal.","category":"icons","tags":["icon","animated","svg","submit","message","plane","share"],"frame":"inline","theme":"either","plate":1580,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/icon-send.webp","controls":5,"verified":true,"security":"clean","slop":10,"url":"https://fieldbook.lizardi.mx/components/icon-send"},{"plate":1606,"slug":"icon-settings","title":"Settings icon","category":"icons","url":"https://fieldbook.lizardi.mx/components/icon-settings","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/icon-settings.webp"},{"plate":2170,"slug":"icon-shape-morph","title":"Icon Shape Morph","category":"animation","url":"https://fieldbook.lizardi.mx/components/icon-shape-morph","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/icon-shape-morph.webp"},{"plate":1581,"slug":"icon-shrink","title":"Shrink icon","category":"icons","url":"https://fieldbook.lizardi.mx/components/icon-shrink","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/icon-shrink.webp"},{"slug":"icon-signal","title":"Signal icon","description":"Four bars on a shared baseline that blink left to right; unreached bars shrink to stubs at the chosen level.","category":"icons","tags":["icon","animated","svg","signal","reception","bars","network","cellular","strength"],"frame":"inline","theme":"either","plate":1624,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/icon-signal.webp","controls":5,"verified":true,"security":"clean","slop":10,"url":"https://fieldbook.lizardi.mx/components/icon-signal"},{"plate":1607,"slug":"icon-sliders","title":"Sliders icon","category":"icons","url":"https://fieldbook.lizardi.mx/components/icon-sliders","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/icon-sliders.webp"},{"slug":"icon-star","title":"Star icon","description":"A five-point star that swells on a beat and fills solid once the on state marks it a favorite.","category":"icons","tags":["icon","animated","svg","favorite","rating","bookmark","review"],"frame":"inline","theme":"either","plate":1608,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/icon-star.webp","controls":5,"verified":true,"security":"clean","slop":10,"url":"https://fieldbook.lizardi.mx/components/icon-star"},{"plate":2477,"slug":"icon-sweep-delete-button","title":"Icon sweep delete button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/icon-sweep-delete-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/icon-sweep-delete-button.webp"},{"plate":2698,"slug":"icon-swell-tooltip-button","title":"Icon swell tooltip","category":"buttons","url":"https://fieldbook.lizardi.mx/components/icon-swell-tooltip-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/icon-swell-tooltip-button.webp"},{"slug":"icon-takeover-delete-button","title":"Icon takeover delete","description":"A destructive button split into a bold word and a narrow icon cell; hovering or focusing grows the cell across the whole button until only the glyph remains, with a two-tap confirm on touch.","category":"buttons","tags":["button","delete","destructive","icon","confirm","hover","takeover"],"frame":"inline","theme":"either","plate":2628,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/icon-takeover-delete-button.webp","controls":5,"verified":true,"security":"clean","slop":0,"url":"https://fieldbook.lizardi.mx/components/icon-takeover-delete-button"},{"plate":1609,"slug":"icon-thumbs","title":"Thumbs icon","category":"icons","url":"https://fieldbook.lizardi.mx/components/icon-thumbs","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/icon-thumbs.webp"},{"plate":2610,"slug":"icon-tile-flood-button","title":"Icon tile flood button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/icon-tile-flood-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/icon-tile-flood-button.webp"},{"plate":1625,"slug":"icon-timer","title":"Timer icon","category":"icons","url":"https://fieldbook.lizardi.mx/components/icon-timer","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/icon-timer.webp"},{"plate":1610,"slug":"icon-toggle","title":"Toggle icon","category":"icons","url":"https://fieldbook.lizardi.mx/components/icon-toggle","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/icon-toggle.webp"},{"plate":1582,"slug":"icon-trash","title":"Trash icon","category":"icons","url":"https://fieldbook.lizardi.mx/components/icon-trash","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/icon-trash.webp"},{"plate":1626,"slug":"icon-unplug","title":"Unplug icon","category":"icons","url":"https://fieldbook.lizardi.mx/components/icon-unplug","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/icon-unplug.webp"},{"plate":1583,"slug":"icon-upload","title":"Upload icon","category":"icons","url":"https://fieldbook.lizardi.mx/components/icon-upload","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/icon-upload.webp"},{"plate":1611,"slug":"icon-volume","title":"Volume icon","category":"icons","url":"https://fieldbook.lizardi.mx/components/icon-volume","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/icon-volume.webp"},{"plate":1627,"slug":"icon-wifi","title":"Wifi icon","category":"icons","url":"https://fieldbook.lizardi.mx/components/icon-wifi","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/icon-wifi.webp"},{"slug":"icon-x","title":"X mark icon","description":"A cross that shakes off the action it cancels, offered plain or held inside a circle or a rounded square.","category":"icons","tags":["icon","animated","svg","close","cancel","dismiss","remove","cross"],"frame":"inline","theme":"either","plate":1584,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/icon-x.webp","controls":5,"verified":true,"security":"clean","slop":10,"url":"https://fieldbook.lizardi.mx/components/icon-x"},{"slug":"image-panel-login-card","title":"Image panel login card","description":"A wide login card split into a form panel and a decorative image panel, with a row of three icon-only alternate sign-in buttons and terms text below.","category":"pages","tags":["login","auth","split-panel","form","card","sign-in"],"frame":"full","theme":"either","plate":2736,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/image-panel-login-card.webp","controls":3,"verified":true,"security":"clean","slop":40,"url":"https://fieldbook.lizardi.mx/components/image-panel-login-card"},{"plate":2737,"slug":"image-panel-signup-card","title":"Image panel signup card","category":"pages","url":"https://fieldbook.lizardi.mx/components/image-panel-signup-card","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/image-panel-signup-card.webp"},{"slug":"import-validation-report","title":"Import validation report","description":"Inspect row-level import errors and decide whether to skip invalid records.","category":"blocks","tags":["data","workspace","import","interactive"],"frame":"wide","theme":"dark","plate":2867,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/import-validation-report.webp","controls":3,"verified":true,"security":"clean","slop":8,"url":"https://fieldbook.lizardi.mx/components/import-validation-report"},{"slug":"indeterminate-select-all","title":"Select All Checklist","description":"A parent checkbox that shows a dash when only some of its child items are checked, and a checkmark once every item is.","category":"inputs","tags":["checkbox","select all","indeterminate","checklist","form"],"frame":"card","theme":"either","plate":1982,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/indeterminate-select-all.webp","controls":3,"verified":true,"security":"clean","slop":8,"url":"https://fieldbook.lizardi.mx/components/indeterminate-select-all"},{"slug":"infinite-loop-path-loader","title":"Infinite loop path loader","description":"A figure eight loader where a bright segment draws endlessly around a faint track, its head and tail moving at different rates so the dash breathes.","category":"feedback","tags":["loader","spinner","path drawing","figure eight","loop","stroke","busy","progress"],"frame":"card","theme":"either","plate":2171,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/infinite-loop-path-loader.webp","controls":5,"verified":true,"security":"clean","slop":3,"url":"https://fieldbook.lizardi.mx/components/infinite-loop-path-loader"},{"slug":"initials-avatar-cluster","title":"Initials avatar cluster","description":"A row of round initials tokens that summarizes a group of people, ending in a muted overflow count for the rest.","category":"data-display","tags":["avatar","initials","group","overflow","team"],"frame":"inline","theme":"either","plate":2369,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/initials-avatar-cluster.webp","controls":4,"verified":true,"security":"clean","slop":0,"url":"https://fieldbook.lizardi.mx/components/initials-avatar-cluster"},{"slug":"initials-fallback-avatar","title":"Initials fallback avatar","description":"A single avatar that shows a photo when given one, otherwise centers two letters of initials on a soft tinted shape.","category":"data-display","tags":["avatar","initials","fallback","profile","photo","shape"],"frame":"inline","theme":"either","plate":2172,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/initials-fallback-avatar.webp","controls":4,"verified":true,"security":"clean","slop":0,"url":"https://fieldbook.lizardi.mx/components/initials-fallback-avatar"},{"plate":2662,"slug":"ink-bloom-button","title":"Ink bloom button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/ink-bloom-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/ink-bloom-button.webp"},{"plate":1637,"slug":"inlaid-edge-button","title":"Inlaid edge button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/inlaid-edge-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/inlaid-edge-button.webp"},{"plate":2173,"slug":"inline-command-list","title":"Inline command list","category":"navigation","url":"https://fieldbook.lizardi.mx/components/inline-command-list","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/inline-command-list.webp"},{"slug":"inline-labeled-bar-chart","title":"Inline labeled bar chart","description":"A horizontal bar chart with the category name printed inside each bar and the value printed just past its tip, so no axis column is needed.","category":"charts","tags":["chart","bar","horizontal","inline label","no axis"],"frame":"card","theme":"either","plate":2278,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/inline-labeled-bar-chart.webp","controls":4,"verified":true,"security":"clean","slop":22,"url":"https://fieldbook.lizardi.mx/components/inline-labeled-bar-chart"},{"plate":1866,"slug":"inline-term-preview","title":"Inline term preview","category":"cards","url":"https://fieldbook.lizardi.mx/components/inline-term-preview","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/inline-term-preview.webp"},{"plate":2370,"slug":"inner-dome-viewer","title":"Inner Dome Viewer","category":"layout","url":"https://fieldbook.lizardi.mx/components/inner-dome-viewer","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/inner-dome-viewer.webp"},{"plate":2629,"slug":"inner-rim-send-button","title":"Inner Rim Send Button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/inner-rim-send-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/inner-rim-send-button.webp"},{"slug":"input-group-affix","title":"Input with affix","description":"A text field fused with a leading icon or short label, like a URL scheme, sharing one bordered shell that focuses as a single control.","category":"inputs","tags":["input group","prefix field","addon input","affix"],"frame":"inline","theme":"either","plate":2769,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/input-group-affix.webp","controls":4,"verified":true,"security":"clean","slop":0,"url":"https://fieldbook.lizardi.mx/components/input-group-affix"},{"plate":2371,"slug":"inset-edge-pill-button","title":"Inset Edge Pill","category":"buttons","url":"https://fieldbook.lizardi.mx/components/inset-edge-pill-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/inset-edge-pill-button.webp"},{"slug":"inset-panel-send-button","title":"Breathing Inset Button","description":"A pale moulded button whose inner panel pulls away from the rim on hover while the send glyph slides a short distance toward the label.","category":"buttons","tags":["button","inset","moulded","send","icon","hover","light"],"frame":"inline","theme":"light","plate":2579,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/inset-panel-send-button.webp","controls":5,"verified":true,"security":"clean","slop":14,"url":"https://fieldbook.lizardi.mx/components/inset-panel-send-button"},{"slug":"inset-plate-button","title":"Inset plate button","description":"A button inside a button: an outer shell holds a smaller floating plate that carries the label, and pressing shrinks only the inner plate while the shell stays put.","category":"buttons","tags":["button","nested plate","recess","press","translucent","shell","inner panel"],"frame":"inline","theme":"dark","plate":2648,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/inset-plate-button.webp","controls":5,"verified":true,"security":"clean","slop":0,"url":"https://fieldbook.lizardi.mx/components/inset-plate-button"},{"slug":"inset-sheen-button","title":"Inset sheen button","description":"A pale utility button with a hairline border, a one pixel highlight along its top edge and a pressed state that flips the sheen inward.","category":"buttons","tags":["button","utility","inset","pressed","hairline","toolbar"],"frame":"inline","theme":"light","plate":2699,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/inset-sheen-button.webp","controls":4,"verified":true,"security":"clean","slop":16,"url":"https://fieldbook.lizardi.mx/components/inset-sheen-button"},{"slug":"instant-hint-tooltip","title":"Instant Hint Tooltip","description":"A small label that fades and scales into view beside an element on hover or keyboard focus, giving a quick hint without adding visible clutter.","category":"overlays","tags":["tooltip","hint","hover","focus","label"],"frame":"inline","theme":"either","plate":1983,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/instant-hint-tooltip.webp","controls":3,"verified":true,"security":"clean","slop":16,"url":"https://fieldbook.lizardi.mx/components/instant-hint-tooltip"},{"plate":2868,"slug":"integration-directory","title":"Integration directory","category":"marketing","url":"https://fieldbook.lizardi.mx/components/integration-directory","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/integration-directory.webp"},{"plate":1638,"slug":"intent-button-set","title":"Intent button set","category":"buttons","url":"https://fieldbook.lizardi.mx/components/intent-button-set","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/intent-button-set.webp"},{"plate":2869,"slug":"interactive-product-tour","title":"Interactive product tour","category":"blocks","url":"https://fieldbook.lizardi.mx/components/interactive-product-tour","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/interactive-product-tour.webp"},{"plate":2738,"slug":"interactive-spin-globe","title":"Interactive spin globe","category":"media","url":"https://fieldbook.lizardi.mx/components/interactive-spin-globe","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/interactive-spin-globe.webp"},{"plate":2678,"slug":"interlocking-comb-button","title":"Interlocking comb button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/interlocking-comb-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/interlocking-comb-button.webp"},{"slug":"interruptible-hover-swell","title":"Interruptible hover swell","description":"A tile whose two stage hover swell always starts from its current size, so darting the pointer on and off never makes it snap.","category":"animation","tags":["hover","interruptible","keyframes","swell","scale","two stage","easing","continuity"],"frame":"inline","theme":"either","plate":1780,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/interruptible-hover-swell.webp","controls":5,"verified":true,"security":"clean","slop":0,"url":"https://fieldbook.lizardi.mx/components/interruptible-hover-swell"},{"slug":"invert-and-grow-button","title":"Invert and grow button","description":"A bordered block that swaps its ink and paper colors and grows from its center while hovered, then snaps flat under the press.","category":"buttons","tags":["button","invert","scale","bordered","stark","hover swap"],"frame":"inline","theme":"either","plate":2770,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/invert-and-grow-button.webp","controls":4,"verified":true,"security":"clean","slop":6,"url":"https://fieldbook.lizardi.mx/components/invert-and-grow-button"},{"slug":"invert-fill-button","title":"Invert Fill Button","description":"A small outlined button that fills solid on hover while its label crosses to the opposite value, trading foreground and background cleanly.","category":"buttons","tags":["button","outline","invert","hover","ghost","toolbar"],"frame":"inline","theme":"either","plate":1984,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/invert-fill-button.webp","controls":5,"verified":true,"security":"clean","slop":0,"url":"https://fieldbook.lizardi.mx/components/invert-fill-button"},{"slug":"invert-lift-outline-button","title":"Invert and lift button","description":"A tall outlined button that inverts to a solid fill and lifts a couple of pixels on hover, then settles flat again when pressed.","category":"buttons","tags":["button","outline","invert","lift","hover","call to action"],"frame":"inline","theme":"either","plate":2700,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/invert-lift-outline-button.webp","controls":4,"verified":true,"security":"clean","slop":0,"url":"https://fieldbook.lizardi.mx/components/invert-lift-outline-button"},{"slug":"invert-on-hover-pill","title":"Invert on hover pill","description":"A filled pill that trades fill and label colors and swells slightly on hover or keyboard focus, squeezing below its resting size while pressed.","category":"buttons","tags":["button","invert","pill","hover","scale","playful"],"frame":"inline","theme":"either","plate":2528,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/invert-on-hover-pill.webp","controls":5,"verified":true,"security":"clean","slop":14,"url":"https://fieldbook.lizardi.mx/components/invert-on-hover-pill"},{"slug":"invitation-review-panel","title":"Invitation review panel","description":"Review an invitation, choose the assigned role, and accept or decline with a recorded outcome.","category":"cards","tags":["admin","workspace","settings"],"frame":"card","theme":"dark","plate":2870,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/invitation-review-panel.webp","controls":2,"verified":true,"security":"clean","slop":0,"url":"https://fieldbook.lizardi.mx/components/invitation-review-panel"},{"slug":"invoice-detail-sheet","title":"Invoice detail sheet","description":"Read invoice line items and record a local review without leaving the invoice document.","category":"overlays","tags":["billing","commercial","finance"],"frame":"wide","theme":"dark","plate":2871,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/invoice-detail-sheet.webp","controls":2,"verified":true,"security":"clean","slop":0,"url":"https://fieldbook.lizardi.mx/components/invoice-detail-sheet"},{"slug":"iphone-device-frame","title":"iPhone Device Frame","description":"A vector phone bezel with a camera cutout that frames a photo, a looping video, or a blank placeholder inside its own rounded screen.","category":"media","tags":["device mockup","phone bezel","screenshot frame","app preview"],"frame":"card","theme":"either","plate":2372,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/iphone-device-frame.webp","controls":3,"verified":true,"security":"clean","slop":40,"url":"https://fieldbook.lizardi.mx/components/iphone-device-frame"},{"plate":1711,"slug":"iridescent-sheen","title":"Iridescent sheen","category":"backgrounds","url":"https://fieldbook.lizardi.mx/components/iridescent-sheen","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/iridescent-sheen.webp"},{"plate":1781,"slug":"iron-filings-field","title":"Iron filings field","category":"animation","url":"https://fieldbook.lizardi.mx/components/iron-filings-field","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/iron-filings-field.webp"},{"plate":1867,"slug":"isometric-stack-button","title":"Isometric Stack Button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/isometric-stack-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/isometric-stack-button.webp"},{"plate":2174,"slug":"italic-outline-fill-button","title":"Italic outline fill button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/italic-outline-fill-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/italic-outline-fill-button.webp"},{"plate":2543,"slug":"italic-release-pill-button","title":"Italic release pill button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/italic-release-pill-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/italic-release-pill-button.webp"},{"plate":2561,"slug":"ivory-keycap-button","title":"Ivory keycap button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/ivory-keycap-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/ivory-keycap-button.webp"},{"slug":"jello-squash-button","title":"Jello squash button","description":"An outlined button that floods with color on hover and wobbles through a squash and stretch sequence before it settles.","category":"buttons","tags":["button","squash","stretch","wobble","hover","elastic","fill","outline"],"frame":"inline","theme":"either","plate":2556,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/jello-squash-button.webp","controls":4,"verified":true,"security":"clean","slop":0,"url":"https://fieldbook.lizardi.mx/components/jello-squash-button"},{"plate":2679,"slug":"jelly-skew-button","title":"Jelly skew button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/jelly-skew-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/jelly-skew-button.webp"},{"plate":2557,"slug":"jitter-shake-button","title":"Jitter shake button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/jitter-shake-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/jitter-shake-button.webp"},{"plate":2872,"slug":"job-queue-monitor","title":"Job queue monitor","category":"blocks","url":"https://fieldbook.lizardi.mx/components/job-queue-monitor","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/job-queue-monitor.webp"},{"plate":1639,"slug":"joined-action-bar","title":"Joined action bar","category":"buttons","url":"https://fieldbook.lizardi.mx/components/joined-action-bar","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/joined-action-bar.webp"},{"slug":"joined-button-group","title":"Joined Button Group","description":"A row of buttons fused edge to edge into one segmented control, with shared seams that brighten between whichever two buttons are hovered or pressed.","category":"buttons","tags":["button group","segmented control","joined buttons","toolbar","toggle group"],"frame":"inline","theme":"either","plate":2175,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/joined-button-group.webp","controls":3,"verified":true,"security":"clean","slop":10,"url":"https://fieldbook.lizardi.mx/components/joined-button-group"},{"plate":1835,"slug":"key-travel-button","title":"Key travel button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/key-travel-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/key-travel-button.webp"},{"slug":"key-turn-chip","title":"Key Turn Chip","description":"A small filled chip whose key glyph jiggles like it is feeling for a lock on hover, then turns a quarter and unlocks on click.","category":"buttons","tags":["button","chip","key","lock","toggle","jiggle","small"],"frame":"inline","theme":"either","plate":2373,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/key-turn-chip.webp","controls":5,"verified":true,"security":"clean","slop":0,"url":"https://fieldbook.lizardi.mx/components/key-turn-chip"},{"plate":1985,"slug":"keyboard-context-menu","title":"Keyboard Context Menu","category":"overlays","url":"https://fieldbook.lizardi.mx/components/keyboard-context-menu","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/keyboard-context-menu.webp"},{"plate":2176,"slug":"keyboard-dropdown-menu","title":"Keyboard Dropdown Menu","category":"overlays","url":"https://fieldbook.lizardi.mx/components/keyboard-dropdown-menu","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/keyboard-dropdown-menu.webp"},{"plate":1986,"slug":"keyboard-pill-tabs","title":"Keyboard pill tabs","category":"navigation","url":"https://fieldbook.lizardi.mx/components/keyboard-pill-tabs","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/keyboard-pill-tabs.webp"},{"slug":"keycap-combo-group","title":"Shortcut Key Chip","description":"Small pill tokens for individual keys that group together inline to spell out a keyboard shortcut.","category":"data-display","tags":["keyboard shortcut","key cap","hotkey chip","command combo"],"frame":"inline","theme":"either","plate":2374,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/keycap-combo-group.webp","controls":4,"verified":true,"security":"clean","slop":10,"url":"https://fieldbook.lizardi.mx/components/keycap-combo-group"},{"plate":2630,"slug":"keycap-lift-button","title":"Keycap lift button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/keycap-lift-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/keycap-lift-button.webp"},{"plate":2587,"slug":"keycap-plate-button","title":"Keycap plate button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/keycap-plate-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/keycap-plate-button.webp"},{"plate":2717,"slug":"keycap-press-button","title":"Keycap press button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/keycap-press-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/keycap-press-button.webp"},{"plate":1782,"slug":"keyframe-morph-loop","title":"Keyframe morph loop","category":"animation","url":"https://fieldbook.lizardi.mx/components/keyframe-morph-loop","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/keyframe-morph-loop.webp"},{"plate":2177,"slug":"keystroke-text","title":"Keystroke Text","category":"text-effects","url":"https://fieldbook.lizardi.mx/components/keystroke-text","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/keystroke-text.webp"},{"slug":"knowledge-results","title":"Knowledge results","description":"A searchable knowledge panel reveals an article excerpt and inserts a chosen reference into a local handoff.","category":"blocks","tags":["workflow","customer","interactive","controlled-state"],"frame":"wide","theme":"dark","plate":2873,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/knowledge-results.webp","controls":3,"verified":true,"security":"clean","slop":26,"url":"https://fieldbook.lizardi.mx/components/knowledge-results"},{"plate":2649,"slug":"label-icon-swap-button","title":"Label icon swap button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/label-icon-swap-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/label-icon-swap-button.webp"},{"slug":"label-roll-button","title":"Rolling Label Button","description":"A compact glowing pill that rolls its caption up out of view and brings a second line in from below on hover.","category":"buttons","tags":["button","roll","label swap","hover","pill","glow"],"frame":"inline","theme":"dark","plate":1836,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/label-roll-button.webp","controls":5,"verified":true,"security":"clean","slop":14,"url":"https://fieldbook.lizardi.mx/components/label-roll-button"},{"plate":2523,"slug":"label-swap-slide-button","title":"Label swap slide button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/label-swap-slide-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/label-swap-slide-button.webp"},{"plate":2375,"slug":"labeled-checkbox","title":"Labeled checkbox","category":"inputs","url":"https://fieldbook.lizardi.mx/components/labeled-checkbox","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/labeled-checkbox.webp"},{"plate":1987,"slug":"labeled-field-block","title":"Labeled field block","category":"forms","url":"https://fieldbook.lizardi.mx/components/labeled-field-block","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/labeled-field-block.webp"},{"plate":2178,"slug":"labeled-hairline-divider","title":"Labeled hairline divider","category":"data-display","url":"https://fieldbook.lizardi.mx/components/labeled-hairline-divider","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/labeled-hairline-divider.webp"},{"slug":"labeled-progress-bar","title":"Labeled progress bar","description":"A labeled progress track whose fill eases to a new width while a percentage readout counts smoothly to match.","category":"feedback","tags":["progress","loading","task","percentage"],"frame":"card","theme":"dark","plate":1988,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/labeled-progress-bar.webp","controls":4,"verified":true,"security":"clean","slop":24,"url":"https://fieldbook.lizardi.mx/components/labeled-progress-bar"},{"slug":"labeled-radio-group","title":"Labeled radio group","description":"A compact vertical group of radio options, each with an inline text label, for a single settings choice.","category":"inputs","tags":["radio group","settings option","single select list"],"frame":"card","theme":"either","plate":2797,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/labeled-radio-group.webp","controls":2,"verified":true,"security":"clean","slop":18,"url":"https://fieldbook.lizardi.mx/components/labeled-radio-group"},{"slug":"labeled-toggle-row","title":"Labeled toggle row","description":"A small on/off switch paired inline with its own text label, sized for a settings list row.","category":"inputs","tags":["switch","toggle row","settings switch"],"frame":"inline","theme":"either","plate":2798,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/labeled-toggle-row.webp","controls":4,"verified":true,"security":"clean","slop":10,"url":"https://fieldbook.lizardi.mx/components/labeled-toggle-row"},{"plate":1783,"slug":"lagging-orb-follower","title":"Lagging orb follower","category":"cursor","url":"https://fieldbook.lizardi.mx/components/lagging-orb-follower","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/lagging-orb-follower.webp"},{"slug":"latching-icon-toggle","title":"Latching icon toggle","description":"A square button that latches on and off: a filled plate fades in, the glyph swaps for its matched counterpart, and a caption beside it spells the state out in words.","category":"buttons","tags":["toggle","latch","pressed","icon","state","caption"],"frame":"inline","theme":"either","plate":1640,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/latching-icon-toggle.webp","controls":5,"verified":true,"security":"clean","slop":0,"url":"https://fieldbook.lizardi.mx/components/latching-icon-toggle"},{"slug":"latching-square-toggle","title":"Latching square toggle","description":"A compact square icon button that latches between a faint outlined off state and a solid accent-filled pressed state.","category":"inputs","tags":["toggle","icon-button","pressed-state","switch","form-control"],"frame":"inline","theme":"either","plate":2808,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/latching-square-toggle.webp","controls":4,"verified":true,"security":"clean","slop":0,"url":"https://fieldbook.lizardi.mx/components/latching-square-toggle"},{"slug":"launch-orbit-button","title":"Launch orbit button","description":"A pill that breathes a ring outward on a loop, scatters its dust motes on hover, and sends a small craft looping across the label.","category":"buttons","tags":["button","pulse","launch","orbit","particles","flight","call to action"],"frame":"inline","theme":"dark","plate":2376,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/launch-orbit-button.webp","controls":5,"verified":true,"security":"clean","slop":24,"url":"https://fieldbook.lizardi.mx/components/launch-orbit-button"},{"plate":2478,"slug":"launching-send-button","title":"Launching send button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/launching-send-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/launching-send-button.webp"},{"plate":2279,"slug":"layered-context-menu","title":"Layered Context Menu","category":"overlays","url":"https://fieldbook.lizardi.mx/components/layered-context-menu","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/layered-context-menu.webp"},{"plate":1989,"slug":"layered-ring-loader","title":"Layered ring loader","category":"feedback","url":"https://fieldbook.lizardi.mx/components/layered-ring-loader","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/layered-ring-loader.webp"},{"plate":2179,"slug":"layered-shadow-headline","title":"Layered shadow headline","category":"text-effects","url":"https://fieldbook.lizardi.mx/components/layered-shadow-headline","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/layered-shadow-headline.webp"},{"plate":2100,"slug":"layered-trend-chart","title":"Layered trend chart","category":"charts","url":"https://fieldbook.lizardi.mx/components/layered-trend-chart","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/layered-trend-chart.webp"},{"plate":2771,"slug":"layout-toggle-switch","title":"Layout toggle switch","category":"inputs","url":"https://fieldbook.lizardi.mx/components/layout-toggle-switch","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/layout-toggle-switch.webp"},{"plate":2911,"slug":"leaded-glass-lancet","title":"Leaded glass lancet","category":"animation","url":"https://fieldbook.lizardi.mx/components/leaded-glass-lancet","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/leaded-glass-lancet.webp"},{"slug":"leader-line-pie","title":"Leader line pie","description":"A solid pie chart whose values sit outside the circle, each tied back to its slice by a two-segment leader line.","category":"charts","tags":["pie","chart","labels","leader lines","share","callout","svg"],"frame":"card","theme":"either","plate":2377,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/leader-line-pie.webp","controls":5,"verified":true,"security":"clean","slop":22,"url":"https://fieldbook.lizardi.mx/components/leader-line-pie"},{"plate":2631,"slug":"leap-and-tint-button","title":"Leap and tint button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/leap-and-tint-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/leap-and-tint-button.webp"},{"plate":2378,"slug":"left-edge-fill-button","title":"Left Edge Fill Button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/left-edge-fill-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/left-edge-fill-button.webp"},{"plate":1990,"slug":"left-rule-notice","title":"Left Rule Notice","category":"feedback","url":"https://fieldbook.lizardi.mx/components/left-rule-notice","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/left-rule-notice.webp"},{"slug":"letter-cascade-button","title":"Letter cascade button","description":"A wide solid button whose centred label drops away and is rebuilt one letter at a time as each character falls into place from above.","category":"buttons","tags":["button","cascade","letters","reveal","stagger","press"],"frame":"inline","theme":"either","plate":1712,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/letter-cascade-button.webp","controls":5,"verified":true,"security":"clean","slop":0,"url":"https://fieldbook.lizardi.mx/components/letter-cascade-button"},{"plate":2517,"slug":"letter-drop-press-button","title":"Letter drop press button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/letter-drop-press-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/letter-drop-press-button.webp"},{"plate":1991,"slug":"letter-roll-in","title":"Letter roll in","category":"text-effects","url":"https://fieldbook.lizardi.mx/components/letter-roll-in","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/letter-roll-in.webp"},{"plate":2511,"slug":"letter-spread-drop-button","title":"Letter spread drop button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/letter-spread-drop-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/letter-spread-drop-button.webp"},{"slug":"letter-swap-copy-button","title":"Letter swap copy button","description":"A raised copy button whose label rebuilds itself letter by letter on hover while its icon chip pulses and draws a check when the copy lands.","category":"buttons","tags":["button","copy","letters","stagger","confirm","clipboard"],"frame":"inline","theme":"either","plate":2718,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/letter-swap-copy-button.webp","controls":5,"verified":true,"security":"clean","slop":24,"url":"https://fieldbook.lizardi.mx/components/letter-swap-copy-button"},{"slug":"letterpress-proof-card","title":"Letterpress proof card","description":"A letterpress proof of a short headline that the press re-inks and pulls again, where a longer press squeezes more ink and bite into the paper and each pull is numbered.","category":"text-effects","tags":["letterpress","print","ink","paper","impression","press and hold","svg filter","headline","kinetic type"],"frame":"card","theme":"either","plate":2912,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/letterpress-proof-card.webp","controls":7,"verified":true,"security":"clean","slop":0,"url":"https://fieldbook.lizardi.mx/components/letterpress-proof-card"},{"plate":1713,"slug":"lift-and-fill-pill","title":"Lift and fill pill","category":"buttons","url":"https://fieldbook.lizardi.mx/components/lift-and-fill-pill","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/lift-and-fill-pill.webp"},{"plate":2479,"slug":"lift-and-settle-button","title":"Lift and settle button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/lift-and-settle-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/lift-and-settle-button.webp"},{"slug":"lift-and-sink-button","title":"Lift and Sink Button","description":"A tinted monospace button that floats up on hover and sinks into its own inset shadow when pressed.","category":"buttons","tags":["button","press","depth","shadow","tactile","monospace"],"frame":"inline","theme":"either","plate":1868,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/lift-and-sink-button.webp","controls":4,"verified":true,"security":"clean","slop":0,"url":"https://fieldbook.lizardi.mx/components/lift-and-sink-button"},{"plate":2611,"slug":"lifting-glyph-button-row","title":"Lifting glyph row","category":"buttons","url":"https://fieldbook.lizardi.mx/components/lifting-glyph-button-row","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/lifting-glyph-button-row.webp"},{"plate":2663,"slug":"lifting-hard-shadow-pill","title":"Lifting hard shadow pill","category":"buttons","url":"https://fieldbook.lizardi.mx/components/lifting-hard-shadow-pill","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/lifting-hard-shadow-pill.webp"},{"slug":"lifting-share-chip","title":"Lifting share chip","description":"A small solid chip with a glyph and a short caps label that lifts a few pixels and softens on hover, seats itself when pressed, and can toggle a filled glyph.","category":"buttons","tags":["button","chip","share","hover lift","compact","toolbar"],"frame":"inline","theme":"either","plate":2480,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/lifting-share-chip.webp","controls":4,"verified":true,"security":"clean","slop":0,"url":"https://fieldbook.lizardi.mx/components/lifting-share-chip"},{"plate":1714,"slug":"light-beam-flare","title":"Light Beam Flare","category":"backgrounds","url":"https://fieldbook.lizardi.mx/components/light-beam-flare","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/light-beam-flare.webp"},{"plate":1715,"slug":"light-beam-slats","title":"Light beam slats","category":"backgrounds","url":"https://fieldbook.lizardi.mx/components/light-beam-slats","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/light-beam-slats.webp"},{"slug":"light-column-beam","title":"Light column beam","description":"A single column of light stands in a dark frame, breathing in width while its inner texture scrolls upward through a two colour grade.","category":"backgrounds","tags":["beam","column","light","gradient","canvas","glow"],"frame":"full","theme":"dark","plate":1716,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/light-column-beam.webp","controls":6,"verified":true,"security":"clean","slop":0,"url":"https://fieldbook.lizardi.mx/components/light-column-beam"},{"slug":"light-cone-beam","title":"Light cone beam","description":"A grainy wedge of light flares up from a hot line at the foot of the frame, turning slowly so its edges catch different colors.","category":"backgrounds","tags":["background","beam","cone","volumetric","grain","light","canvas","ambient"],"frame":"full","theme":"dark","plate":1992,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/light-cone-beam.webp","controls":6,"verified":true,"security":"clean","slop":0,"url":"https://fieldbook.lizardi.mx/components/light-cone-beam"},{"slug":"light-pool-button","title":"Light pool button","description":"A lit tube-sign button that spills a blurred pool of its own colour onto the surface beneath it and swaps figure for ground when hovered or focused.","category":"buttons","tags":["button","glow","sign","emissive","pool","invert","dark","light"],"frame":"inline","theme":"dark","plate":2612,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/light-pool-button.webp","controls":5,"verified":true,"security":"clean","slop":0,"url":"https://fieldbook.lizardi.mx/components/light-pool-button"},{"plate":1717,"slug":"light-sweep-button","title":"Light sweep button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/light-sweep-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/light-sweep-button.webp"},{"slug":"light-sweep-effect","title":"Light sweep effect","description":"A diagonal band of light that sweeps once across a button, triggered by hover, tap, or a repeating timer.","category":"buttons","tags":["button","shine","sweep","hover","cta"],"frame":"inline","theme":"dark","plate":2180,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/light-sweep-effect.webp","controls":4,"verified":true,"security":"clean","slop":14,"url":"https://fieldbook.lizardi.mx/components/light-sweep-effect"},{"plate":1869,"slug":"light-sweep-outline-button","title":"Light sweep button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/light-sweep-outline-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/light-sweep-outline-button.webp"},{"plate":2181,"slug":"light-thread-fan","title":"Light Threads","category":"backgrounds","url":"https://fieldbook.lizardi.mx/components/light-thread-fan","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/light-thread-fan.webp"},{"plate":2379,"slug":"line-by-line-headline-reveal","title":"Line by line headline reveal","category":"text-effects","url":"https://fieldbook.lizardi.mx/components/line-by-line-headline-reveal","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/line-by-line-headline-reveal.webp"},{"slug":"link-preview-card","title":"Link preview card","description":"A small preview panel that appears near a link or username after a brief hover, showing a summary of what is behind it without requiring a click.","category":"overlays","tags":["hover-card","link-preview","profile-preview","flyout","summary-card"],"frame":"card","theme":"either","plate":1993,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/link-preview-card.webp","controls":3,"verified":true,"security":"clean","slop":40,"url":"https://fieldbook.lizardi.mx/components/link-preview-card"},{"slug":"link-preview-card-2","title":"Link Preview Card","description":"A rich preview card that fades and slides in from whichever side it opens on when hovering a linked name, with a brief delay to avoid flicker.","category":"overlays","tags":["hover-card","link-preview","profile-preview","delay","slide"],"frame":"card","theme":"either","plate":2380,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/link-preview-card-2.webp","controls":4,"verified":true,"security":"clean","slop":40,"url":"https://fieldbook.lizardi.mx/components/link-preview-card-2"},{"slug":"link-thumbnail-peek","title":"Link thumbnail peek","description":"Hovering a link in running text lifts a small framed thumbnail of where it leads, with the page title and host underneath.","category":"cards","tags":["link preview","thumbnail","hover","card","inline","peek"],"frame":"card","theme":"either","plate":1784,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/link-thumbnail-peek.webp","controls":5,"verified":true,"security":"clean","slop":40,"url":"https://fieldbook.lizardi.mx/components/link-thumbnail-peek"},{"plate":1785,"slug":"link-thumbnail-peek-2","title":"Link thumbnail peek","category":"cards","url":"https://fieldbook.lizardi.mx/components/link-thumbnail-peek-2","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/link-thumbnail-peek-2.webp"},{"plate":2834,"slug":"link-thumbnail-peek-3","title":"Link Thumbnail Peek","category":"cards","url":"https://fieldbook.lizardi.mx/components/link-thumbnail-peek-3","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/link-thumbnail-peek-3.webp"},{"plate":2182,"slug":"linked-profile-preview","title":"Linked Profile Preview","category":"overlays","url":"https://fieldbook.lizardi.mx/components/linked-profile-preview","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/linked-profile-preview.webp"},{"plate":2183,"slug":"liquid-chrome-emblem","title":"Liquid chrome emblem","category":"animation","url":"https://fieldbook.lizardi.mx/components/liquid-chrome-emblem","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/liquid-chrome-emblem.webp"},{"plate":1718,"slug":"liquid-metal-drift","title":"Liquid metal drift","category":"backgrounds","url":"https://fieldbook.lizardi.mx/components/liquid-metal-drift","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/liquid-metal-drift.webp"},{"plate":1994,"slug":"liquid-metal-swirl","title":"Liquid metal swirl","category":"backgrounds","url":"https://fieldbook.lizardi.mx/components/liquid-metal-swirl","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/liquid-metal-swirl.webp"},{"plate":1719,"slug":"liquid-swirl-vortex","title":"Liquid swirl vortex","category":"backgrounds","url":"https://fieldbook.lizardi.mx/components/liquid-swirl-vortex","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/liquid-swirl-vortex.webp"},{"plate":2835,"slug":"liquid-warp-headline","title":"Liquid warp headline","category":"text-effects","url":"https://fieldbook.lizardi.mx/components/liquid-warp-headline","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/liquid-warp-headline.webp"},{"slug":"liquid-wave-button","title":"Liquid wave button","description":"A dark pill half full of colored liquid whose surface rolls in a continuous, never-repeating wave.","category":"buttons","tags":["button","liquid","wave","fill","animated","pill"],"frame":"inline","theme":"dark","plate":1870,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/liquid-wave-button.webp","controls":5,"verified":true,"security":"clean","slop":14,"url":"https://fieldbook.lizardi.mx/components/liquid-wave-button"},{"slug":"live-keycap","title":"Live keycap","description":"A physical looking keycap that presses down when clicked and mirrors the matching key on the reader's real keyboard.","category":"buttons","tags":["keycap","key","shortcut","press","keyboard","button","tactile"],"frame":"inline","theme":"either","plate":2541,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/live-keycap.webp","controls":5,"verified":true,"security":"clean","slop":14,"url":"https://fieldbook.lizardi.mx/components/live-keycap"},{"plate":2184,"slug":"loading-placeholder-blocks","title":"Loading Placeholder Blocks","category":"feedback","url":"https://fieldbook.lizardi.mx/components/loading-placeholder-blocks","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/loading-placeholder-blocks.webp"},{"plate":2185,"slug":"localized-booking-calendar","title":"Localized booking calendar","category":"inputs","url":"https://fieldbook.lizardi.mx/components/localized-booking-calendar","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/localized-booking-calendar.webp"},{"plate":2381,"slug":"locked-ratio-frame","title":"Locked ratio frame","category":"layout","url":"https://fieldbook.lizardi.mx/components/locked-ratio-frame","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/locked-ratio-frame.webp"},{"plate":2874,"slug":"log-query-explorer","title":"Log query explorer","category":"blocks","url":"https://fieldbook.lizardi.mx/components/log-query-explorer","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/log-query-explorer.webp"},{"plate":2525,"slug":"looping-flight-send-button","title":"Looping flight send button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/looping-flight-send-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/looping-flight-send-button.webp"},{"slug":"looping-text-ribbon","title":"Looping text ribbon","description":"A colored ribbon carries a repeating phrase along a wavy, circular, or arched path, scrolling endlessly like a seal or badge.","category":"text-effects","tags":["ribbon","loop","badge","path text","marquee"],"frame":"wide","theme":"dark","plate":2828,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/looping-text-ribbon.webp","controls":5,"verified":true,"security":"clean","slop":0,"url":"https://fieldbook.lizardi.mx/components/looping-text-ribbon"},{"plate":2186,"slug":"looping-typewriter-text","title":"Looping typewriter text","category":"text-effects","url":"https://fieldbook.lizardi.mx/components/looping-typewriter-text","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/looping-typewriter-text.webp"},{"plate":2599,"slug":"lozenge-swipe-highlight-button","title":"Lozenge swipe highlight","category":"buttons","url":"https://fieldbook.lizardi.mx/components/lozenge-swipe-highlight-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/lozenge-swipe-highlight-button.webp"},{"slug":"luminous-ribbon-field","title":"Luminous ribbon field","description":"A canvas backdrop where a few glowing ribbons weave across the frame, tapering to points at both edges and blooming toward white where they cross.","category":"backgrounds","tags":["ribbon","glow","canvas","waves","backdrop","ambient","light"],"frame":"wide","theme":"dark","plate":2187,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/luminous-ribbon-field.webp","controls":5,"verified":true,"security":"clean","slop":0,"url":"https://fieldbook.lizardi.mx/components/luminous-ribbon-field"},{"plate":1531,"slug":"magnetic-button","title":"Magnetic button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/magnetic-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/magnetic-button.webp"},{"plate":1641,"slug":"magnetic-dust-button","title":"Magnetic dust button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/magnetic-dust-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/magnetic-dust-button.webp"},{"slug":"magnetic-particle-ring","title":"Magnetic particle ring","description":"A drifting field of tiny specks that the pointer catches and reorganises into a rippling ring, releasing them again as it moves on.","category":"backgrounds","tags":["background","canvas","particles","pointer","magnet","ring","ambient"],"frame":"wide","theme":"dark","plate":1720,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/magnetic-particle-ring.webp","controls":6,"verified":true,"security":"clean","slop":8,"url":"https://fieldbook.lizardi.mx/components/magnetic-particle-ring"},{"plate":1786,"slug":"magnetic-project-target","title":"Magnetic project target","category":"cursor","url":"https://fieldbook.lizardi.mx/components/magnetic-project-target","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/magnetic-project-target.webp"},{"plate":1721,"slug":"magnetic-pull-target","title":"Magnetic pull target","category":"animation","url":"https://fieldbook.lizardi.mx/components/magnetic-pull-target","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/magnetic-pull-target.webp"},{"slug":"magnifying-icon-dock","title":"Magnifying icon dock","description":"A row of app icons in a translucent bar that grow larger the closer the pointer gets to each one, easing back to normal size when the pointer leaves.","category":"navigation","tags":["dock","magnification","icon bar","navigation"],"frame":"wide","theme":"dark","plate":2188,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/magnifying-icon-dock.webp","controls":4,"verified":true,"security":"clean","slop":8,"url":"https://fieldbook.lizardi.mx/components/magnifying-icon-dock"},{"slug":"magnifying-icon-dock-2","title":"Magnifying icon dock","description":"A macOS-style dock of circular icon buttons that grow smoothly as the pointer nears them and reveal a label above the active icon.","category":"navigation","tags":["dock","magnify","icon row","tooltip","spring animation"],"frame":"wide","theme":"dark","plate":2382,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/magnifying-icon-dock-2.webp","controls":3,"verified":true,"security":"clean","slop":18,"url":"https://fieldbook.lizardi.mx/components/magnifying-icon-dock-2"},{"plate":1995,"slug":"marker-highlight-text","title":"Marker highlight","category":"text-effects","url":"https://fieldbook.lizardi.mx/components/marker-highlight-text","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/marker-highlight-text.webp"},{"plate":2383,"slug":"marquee-reveal-menu","title":"Marquee reveal menu","category":"navigation","url":"https://fieldbook.lizardi.mx/components/marquee-reveal-menu","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/marquee-reveal-menu.webp"},{"plate":1996,"slug":"mascot-zoom-play-button","title":"Mascot zoom play button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/mascot-zoom-play-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/mascot-zoom-play-button.webp"},{"plate":1997,"slug":"masked-reveal-accordion","title":"Masked Reveal Accordion","category":"data-display","url":"https://fieldbook.lizardi.mx/components/masked-reveal-accordion","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/masked-reveal-accordion.webp"},{"slug":"masked-reveal-disclosure","title":"Masked reveal disclosure","description":"A disclosure whose panel grows to its own natural height while a soft gradient edge wipes the content into view from the top, then runs backwards on close.","category":"layout","tags":["disclosure","collapse","expand","mask","reveal","panel","height"],"frame":"card","theme":"either","plate":2384,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/masked-reveal-disclosure.webp","controls":5,"verified":true,"security":"clean","slop":22,"url":"https://fieldbook.lizardi.mx/components/masked-reveal-disclosure"},{"slug":"masonry-flow","title":"Masonry flow","description":"A masonry wall that packs tiles of varying height into columns, lifts each one in as it scrolls into view, and re-seats the whole grid when the column count changes.","category":"layout","tags":["masonry","grid","gallery","layout","stagger","reveal","scroll"],"frame":"wide","theme":"dark","plate":1532,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/masonry-flow.webp","controls":2,"verified":true,"security":"clean","slop":29,"url":"https://fieldbook.lizardi.mx/components/masonry-flow"},{"plate":2815,"slug":"media-masked-heading","title":"Media masked heading","category":"text-effects","url":"https://fieldbook.lizardi.mx/components/media-masked-heading","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/media-masked-heading.webp"},{"plate":2385,"slug":"meeting-slot-scheduler","title":"Meeting Slot Scheduler","category":"inputs","url":"https://fieldbook.lizardi.mx/components/meeting-slot-scheduler","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/meeting-slot-scheduler.webp"},{"plate":2386,"slug":"mega-nav-menu","title":"Mega nav menu","category":"navigation","url":"https://fieldbook.lizardi.mx/components/mega-nav-menu","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/mega-nav-menu.webp"},{"plate":1722,"slug":"merging-blob-backdrop","title":"Merging blob backdrop","category":"backgrounds","url":"https://fieldbook.lizardi.mx/components/merging-blob-backdrop","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/merging-blob-backdrop.webp"},{"plate":2387,"slug":"meshing-gears-chip","title":"Meshing gears chip","category":"buttons","url":"https://fieldbook.lizardi.mx/components/meshing-gears-chip","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/meshing-gears-chip.webp"},{"plate":1723,"slug":"meteor-shower","title":"Meteor shower","category":"backgrounds","url":"https://fieldbook.lizardi.mx/components/meteor-shower","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/meteor-shower.webp"},{"slug":"metric-switch-bar-chart","title":"Metric switch bar chart","description":"A dense daily bar chart with two metric tiles in the header; clicking a tile morphs the bars over to that metric.","category":"charts","tags":["chart","bar","daily","metric","toggle","totals","interactive"],"frame":"wide","theme":"either","plate":2280,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/metric-switch-bar-chart.webp","controls":5,"verified":true,"security":"clean","slop":8,"url":"https://fieldbook.lizardi.mx/components/metric-switch-bar-chart"},{"plate":1998,"slug":"milestone-progress-track","title":"Milestone progress track","category":"feedback","url":"https://fieldbook.lizardi.mx/components/milestone-progress-track","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/milestone-progress-track.webp"},{"slug":"minimal-email-login","title":"Minimal email login","description":"A password-free login page with a small brand mark, a welcome heading, one required email field, a single submit button, and two alternate sign-in options below a divider.","category":"pages","tags":["login","form","email","auth","page","passwordless"],"frame":"full","theme":"either","plate":2739,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/minimal-email-login.webp","controls":2,"verified":true,"security":"clean","slop":28,"url":"https://fieldbook.lizardi.mx/components/minimal-email-login"},{"slug":"minimal-email-sign-in","title":"Minimal email sign in","description":"A password-free sign-in page with a brand mark, a welcome heading, one email field, a primary button, and two alternative sign-in options below a divider.","category":"pages","tags":["login","email","form","authentication","page"],"frame":"full","theme":"either","plate":2740,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/minimal-email-sign-in.webp","controls":3,"verified":true,"security":"clean","slop":28,"url":"https://fieldbook.lizardi.mx/components/minimal-email-sign-in"},{"plate":2189,"slug":"minimal-single-date-picker","title":"Minimal Single Date Picker","category":"inputs","url":"https://fieldbook.lizardi.mx/components/minimal-single-date-picker","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/minimal-single-date-picker.webp"},{"plate":2190,"slug":"minimum-stay-range-picker","title":"Minimum-Stay Range Picker","category":"inputs","url":"https://fieldbook.lizardi.mx/components/minimum-stay-range-picker","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/minimum-stay-range-picker.webp"},{"plate":1999,"slug":"mirror-warp-field","title":"Mirror warp field","category":"backgrounds","url":"https://fieldbook.lizardi.mx/components/mirror-warp-field","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/mirror-warp-field.webp"},{"slug":"mobile-date-drawer","title":"Mobile date drawer","description":"A date field styled for touch that opens its calendar as a bottom sheet sliding up from the edge of the frame instead of a small floating popover.","category":"inputs","tags":["date picker","bottom sheet","drawer","mobile","calendar"],"frame":"card","theme":"either","plate":2388,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/mobile-date-drawer.webp","controls":3,"verified":true,"security":"clean","slop":34,"url":"https://fieldbook.lizardi.mx/components/mobile-date-drawer"},{"plate":2875,"slug":"model-capability-picker","title":"Model capability picker","category":"blocks","url":"https://fieldbook.lizardi.mx/components/model-capability-picker","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/model-capability-picker.webp"},{"slug":"model-picker-prompt-box","title":"Model picker prompt box","description":"Compose a prompt, select a model, and attach a local file with explicit callbacks and status feedback.","category":"inputs","tags":["prompt","composer","textarea","dropdown","picker","send"],"frame":"card","theme":"either","plate":2772,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/model-picker-prompt-box.webp","controls":5,"verified":true,"security":"clean","slop":26,"url":"https://fieldbook.lizardi.mx/components/model-picker-prompt-box"},{"plate":2913,"slug":"moire-decoder-headline","title":"Moire decoder headline","category":"text-effects","url":"https://fieldbook.lizardi.mx/components/moire-decoder-headline","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/moire-decoder-headline.webp"},{"slug":"molded-bevel-button","title":"Molded bevel button","description":"A hard-cornered slab button with four inset bevel bands, a blur-free offset shadow, and a press that drops it flush onto the surface.","category":"buttons","tags":["button","bevel","slab","arcade","press","hard shadow"],"frame":"inline","theme":"either","plate":2624,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/molded-bevel-button.webp","controls":5,"verified":true,"security":"clean","slop":6,"url":"https://fieldbook.lizardi.mx/components/molded-bevel-button"},{"plate":2191,"slug":"molded-key-send-button","title":"Molded key send button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/molded-key-send-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/molded-key-send-button.webp"},{"plate":2773,"slug":"month-grid-date-picker","title":"Month grid date picker","category":"inputs","url":"https://fieldbook.lizardi.mx/components/month-grid-date-picker","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/month-grid-date-picker.webp"},{"plate":2719,"slug":"mood-swap-button","title":"Mood swap button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/mood-swap-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/mood-swap-button.webp"},{"plate":2741,"slug":"morph-image-carousel","title":"Morph image carousel","category":"media","url":"https://fieldbook.lizardi.mx/components/morph-image-carousel","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/morph-image-carousel.webp"},{"plate":1533,"slug":"morph-menu-icon","title":"Morph menu icon","category":"icons","url":"https://fieldbook.lizardi.mx/components/morph-menu-icon","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/morph-menu-icon.webp"},{"slug":"morphing-backdrop-button","title":"Morphing backdrop button","description":"A bare text label backed by a coloured slab and a translucent corner disc that swell and square off into a new button face on hover.","category":"buttons","tags":["button","hover","morph","backdrop","layers"],"frame":"inline","theme":"dark","plate":2593,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/morphing-backdrop-button.webp","controls":5,"verified":true,"security":"clean","slop":32,"url":"https://fieldbook.lizardi.mx/components/morphing-backdrop-button"},{"slug":"morphing-icon-loop","title":"Morphing icon loop","description":"A single filled icon continuously reshapes itself into the next icon in a short list, its outline flowing smoothly from one silhouette to the next while its fill color shifts to match.","category":"animation","tags":["icon morph","shape morphing","svg path","loop","silhouette"],"frame":"card","theme":"either","plate":2192,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/morphing-icon-loop.webp","controls":4,"verified":true,"security":"clean","slop":0,"url":"https://fieldbook.lizardi.mx/components/morphing-icon-loop"},{"slug":"morphing-icon-toggle","title":"Morphing icon toggle","description":"A small icon continuously morphs its outline between two shapes and two colors on a steady loop.","category":"animation","tags":["icon","morph","shape","loop","logomark"],"frame":"inline","theme":"dark","plate":2193,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/morphing-icon-toggle.webp","controls":3,"verified":true,"security":"clean","slop":18,"url":"https://fieldbook.lizardi.mx/components/morphing-icon-toggle"},{"plate":2194,"slug":"morphing-pill-navbar","title":"Morphing Pill Navbar","category":"navigation","url":"https://fieldbook.lizardi.mx/components/morphing-pill-navbar","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/morphing-pill-navbar.webp"},{"plate":2195,"slug":"morphing-tab-panel","title":"Morphing tab panel","category":"navigation","url":"https://fieldbook.lizardi.mx/components/morphing-tab-panel","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/morphing-tab-panel.webp"},{"plate":1787,"slug":"mount-pop-in","title":"Mount pop in","category":"animation","url":"https://fieldbook.lizardi.mx/components/mount-pop-in","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/mount-pop-in.webp"},{"slug":"mouse-reactive-particle-field","title":"Particle Field","description":"A canvas field of soft floating dots that drift on their own and lean toward the pointer with a gentle magnetic pull, easing back once it moves away.","category":"backgrounds","tags":["particles","canvas","background","cursor","dots","ambient","drift"],"frame":"wide","theme":"either","plate":2000,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/mouse-reactive-particle-field.webp","controls":4,"verified":true,"security":"clean","slop":8,"url":"https://fieldbook.lizardi.mx/components/mouse-reactive-particle-field"},{"slug":"multi-date-picker","title":"Multi-Date Picker","description":"A two month calendar for picking a handful of individual, non-consecutive dates up to a maximum count, with every pick shown as its own filled day.","category":"inputs","tags":["calendar","multi-select","date picker","multiple dates"],"frame":"wide","theme":"either","plate":2196,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/multi-date-picker.webp","controls":4,"verified":true,"security":"clean","slop":26,"url":"https://fieldbook.lizardi.mx/components/multi-date-picker"},{"plate":2001,"slug":"multi-open-panel-stack","title":"Multi open panel stack","category":"data-display","url":"https://fieldbook.lizardi.mx/components/multi-open-panel-stack","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/multi-open-panel-stack.webp"},{"slug":"multi-select-toggle-row","title":"Multi select toggle row","description":"A row of independent toggle buttons, like text formatting options, where any number can stay pressed at once.","category":"inputs","tags":["toggle group","multi select","formatting toolbar","buttons","form control"],"frame":"inline","theme":"either","plate":2002,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/multi-select-toggle-row.webp","controls":3,"verified":true,"security":"clean","slop":0,"url":"https://fieldbook.lizardi.mx/components/multi-select-toggle-row"},{"plate":2742,"slug":"muted-social-login","title":"Muted social login","category":"pages","url":"https://fieldbook.lizardi.mx/components/muted-social-login","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/muted-social-login.webp"},{"plate":2743,"slug":"muted-two-column-fields-signup","title":"Muted compact signup","category":"pages","url":"https://fieldbook.lizardi.mx/components/muted-two-column-fields-signup","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/muted-two-column-fields-signup.webp"},{"slug":"named-point-line","title":"Named point line","description":"A line across five categories that prints each category name above its point instead of a number, leaving the value to the hover readout.","category":"charts","tags":["line","chart","categories","labels","names","tooltip","legend"],"frame":"wide","theme":"either","plate":2291,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/named-point-line.webp","controls":5,"verified":true,"security":"clean","slop":32,"url":"https://fieldbook.lizardi.mx/components/named-point-line"},{"slug":"natural-language-date-field","title":"Natural Language Date Field","description":"A text field that reads phrases like 'in 2 days' or 'next friday' as a real date, with a calendar popover and a live preview sentence below.","category":"inputs","tags":["date","input","calendar","scheduling","popover"],"frame":"inline","theme":"either","plate":2389,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/natural-language-date-field.webp","controls":4,"verified":true,"security":"clean","slop":26,"url":"https://fieldbook.lizardi.mx/components/natural-language-date-field"},{"plate":2003,"slug":"natural-typing-sequence","title":"Human Typing Rhythm","category":"text-effects","url":"https://fieldbook.lizardi.mx/components/natural-typing-sequence","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/natural-typing-sequence.webp"},{"slug":"neon-ribbon-tubes","title":"Neon ribbon tubes","description":"Two glowing tubes braid past each other across the frame, ringed with interference bands wherever they cross.","category":"backgrounds","tags":["background","tubes","braid","glow","interference","banner","canvas","ambient"],"frame":"wide","theme":"dark","plate":2004,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/neon-ribbon-tubes.webp","controls":5,"verified":true,"security":"clean","slop":32,"url":"https://fieldbook.lizardi.mx/components/neon-ribbon-tubes"},{"slug":"neon-trail-cursor","title":"Neon trail cursor","description":"A tapered beam of light strung through the pointer's recent path, hot and wide at the head, thinning and shifting colour toward the tail.","category":"cursor","tags":["cursor","trail","beam","glow","taper","canvas","pulse"],"frame":"wide","theme":"dark","plate":1788,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/neon-trail-cursor.webp","controls":6,"verified":true,"security":"clean","slop":8,"url":"https://fieldbook.lizardi.mx/components/neon-trail-cursor"},{"plate":2529,"slug":"nested-bezel-send-button","title":"Nested bezel send button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/nested-bezel-send-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/nested-bezel-send-button.webp"},{"slug":"nested-capsule-button","title":"Nested capsule button","description":"A pill button built from three nested capsules that flatten into the outer ring on hover while the label crossfades to the accent colour.","category":"buttons","tags":["button","nested","capsule","layered","soft","hover"],"frame":"inline","theme":"light","plate":2720,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/nested-capsule-button.webp","controls":5,"verified":true,"security":"clean","slop":37,"url":"https://fieldbook.lizardi.mx/components/nested-capsule-button"},{"plate":2583,"slug":"nested-capsule-send-button","title":"Capsule in frame button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/nested-capsule-send-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/nested-capsule-send-button.webp"},{"plate":2197,"slug":"nested-file-browser","title":"Nested File Browser","category":"data-display","url":"https://fieldbook.lizardi.mx/components/nested-file-browser","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/nested-file-browser.webp"},{"plate":2198,"slug":"nested-file-tree","title":"Nested file tree","category":"data-display","url":"https://fieldbook.lizardi.mx/components/nested-file-tree","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/nested-file-tree.webp"},{"slug":"nested-panel-frame","title":"Nested panel frame","description":"A muted outer shell with a compact header and footer strip that holds one or more crisper inset panels, grouping related content with clear depth.","category":"cards","tags":["panel","frame","shell","grouped content","header footer"],"frame":"card","theme":"either","plate":2836,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/nested-panel-frame.webp","controls":3,"verified":true,"security":"clean","slop":8,"url":"https://fieldbook.lizardi.mx/components/nested-panel-frame"},{"plate":2005,"slug":"nested-plate-send-button","title":"Nested plate send button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/nested-plate-send-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/nested-plate-send-button.webp"},{"plate":2274,"slug":"normalized-share-area-chart","title":"Share Of Total Area Chart","category":"charts","url":"https://fieldbook.lizardi.mx/components/normalized-share-area-chart","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/normalized-share-area-chart.webp"},{"plate":1871,"slug":"notched-arc-gauge","title":"Notched arc gauge","category":"charts","url":"https://fieldbook.lizardi.mx/components/notched-arc-gauge","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/notched-arc-gauge.webp"},{"slug":"notched-console-button","title":"Notched console button","description":"An angular panel button with a chamfered corner and a wedge cut from one side, plus two lit rules pumping along the top and bottom edges.","category":"buttons","tags":["button","notch","angular","console","scan","edge","signal"],"frame":"inline","theme":"dark","plate":2390,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/notched-console-button.webp","controls":5,"verified":true,"security":"clean","slop":8,"url":"https://fieldbook.lizardi.mx/components/notched-console-button"},{"plate":2199,"slug":"notched-offset-slab-button","title":"Notched offset slab button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/notched-offset-slab-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/notched-offset-slab-button.webp"},{"slug":"notification-feed-stack","title":"Notification feed stack","description":"A vertical feed that reveals notification cards on a timer, sliding older cards down and dropping the oldest off the bottom as new ones arrive.","category":"data-display","tags":["notifications","feed","list","activity","events","stack"],"frame":"card","theme":"dark","plate":2200,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/notification-feed-stack.webp","controls":4,"verified":true,"security":"clean","slop":32,"url":"https://fieldbook.lizardi.mx/components/notification-feed-stack"},{"slug":"notification-preferences","title":"Notification preferences","description":"Choose delivery channels for workspace events and save a readable preference summary.","category":"forms","tags":["admin","workspace","settings"],"frame":"wide","theme":"dark","plate":2876,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/notification-preferences.webp","controls":2,"verified":true,"security":"clean","slop":0,"url":"https://fieldbook.lizardi.mx/components/notification-preferences"},{"plate":2530,"slug":"nudge-arrow-invert-button","title":"Nudge arrow invert button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/nudge-arrow-invert-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/nudge-arrow-invert-button.webp"},{"slug":"nudging-chevron-button","title":"Nudging chevron button","description":"A quiet accent-tinted button whose chevron mark waits in negative space, then slides in on hover and shoves the label sideways while the palette cools to neutrals.","category":"buttons","tags":["button","chevron","hover","shift","ghost","link","quiet","subtle"],"frame":"inline","theme":"either","plate":2632,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/nudging-chevron-button.webp","controls":5,"verified":true,"security":"clean","slop":0,"url":"https://fieldbook.lizardi.mx/components/nudging-chevron-button"},{"plate":2481,"slug":"nudging-message-pill","title":"Nudging message pill","category":"buttons","url":"https://fieldbook.lizardi.mx/components/nudging-message-pill","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/nudging-message-pill.webp"},{"plate":1789,"slug":"number-reel","title":"Number reel","category":"animation","url":"https://fieldbook.lizardi.mx/components/number-reel","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/number-reel.webp"},{"plate":2391,"slug":"odometer-digit-counter","title":"Odometer digit counter","category":"data-display","url":"https://fieldbook.lizardi.mx/components/odometer-digit-counter","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/odometer-digit-counter.webp"},{"plate":1790,"slug":"odometer-number","title":"Odometer number","category":"animation","url":"https://fieldbook.lizardi.mx/components/odometer-number","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/odometer-number.webp"},{"plate":2633,"slug":"offset-bloom-button","title":"Offset bloom button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/offset-bloom-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/offset-bloom-button.webp"},{"slug":"offset-outline-stack-button","title":"Offset outline stack","description":"A bordered button face resting on stepped outline layers like a small pad of paper; hover slides the top sheet onto the stack and inverts its fill.","category":"buttons","tags":["button","outline","stack","offset","invert","press"],"frame":"inline","theme":"either","plate":2392,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/offset-outline-stack-button.webp","controls":5,"verified":true,"security":"clean","slop":0,"url":"https://fieldbook.lizardi.mx/components/offset-outline-stack-button"},{"slug":"offset-plate-button","title":"Offset plate button","description":"An outlined button with a solid plate parked down and to the right; hovering slides the plate home so the two shapes lock into one.","category":"buttons","tags":["button","offset","outline","plate","flat shadow","hover"],"frame":"inline","theme":"either","plate":2680,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/offset-plate-button.webp","controls":5,"verified":true,"security":"clean","slop":0,"url":"https://fieldbook.lizardi.mx/components/offset-plate-button"},{"plate":2493,"slug":"offset-shadow-icon-orb","title":"Offset shadow icon orb","category":"buttons","url":"https://fieldbook.lizardi.mx/components/offset-shadow-icon-orb","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/offset-shadow-icon-orb.webp"},{"plate":2482,"slug":"offset-shadow-press-button","title":"Offset shadow press button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/offset-shadow-press-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/offset-shadow-press-button.webp"},{"slug":"onboarding-checklist","title":"Onboarding checklist","description":"Track workspace setup tasks and unlock the final launch action when requirements are complete.","category":"blocks","tags":["admin","workspace","settings"],"frame":"wide","theme":"dark","plate":2877,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/onboarding-checklist.webp","controls":2,"verified":true,"security":"clean","slop":0,"url":"https://fieldbook.lizardi.mx/components/onboarding-checklist"},{"plate":2006,"slug":"one-question-wizard","title":"One Question Wizard","category":"forms","url":"https://fieldbook.lizardi.mx/components/one-question-wizard","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/one-question-wizard.webp"},{"slug":"opposing-rule-text-button","title":"Opposing rule text button","description":"A borderless uppercase text button bracketed by two rules that sweep in from opposite ends on hover or focus and retreat the way they came.","category":"buttons","tags":["button","text","rules","bracket","hover","sweep","minimal"],"frame":"inline","theme":"either","plate":2537,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/opposing-rule-text-button.webp","controls":5,"verified":true,"security":"clean","slop":6,"url":"https://fieldbook.lizardi.mx/components/opposing-rule-text-button"},{"slug":"orbit-drop-zone","title":"Orbit drop zone","description":"Validate a selected file, simulate upload progress, and retain a removable attachment result.","category":"inputs","tags":["file upload","drag and drop","progress ring","drop zone","form"],"frame":"card","theme":"either","plate":2774,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/orbit-drop-zone.webp","controls":4,"verified":true,"security":"clean","slop":26,"url":"https://fieldbook.lizardi.mx/components/orbit-drop-zone"},{"plate":1534,"slug":"orbit-loader","title":"Orbit loader","category":"icons","url":"https://fieldbook.lizardi.mx/components/orbit-loader","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/orbit-loader.webp"},{"plate":2201,"slug":"orbit-path-carousel","title":"Path Orbit","category":"animation","url":"https://fieldbook.lizardi.mx/components/orbit-path-carousel","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/orbit-path-carousel.webp"},{"plate":2007,"slug":"orbit-pointer-nav","title":"Orbit Pointer Nav","category":"navigation","url":"https://fieldbook.lizardi.mx/components/orbit-pointer-nav","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/orbit-pointer-nav.webp"},{"slug":"orbit-ring-nav","title":"Orbit Ring Nav","description":"A circular ring of navigation buttons with a rotating pointer that snaps to the active item and buttons that expand into labeled pills on hover.","category":"navigation","tags":["radial menu","circular navigation","rotating pointer","orbit nav"],"frame":"card","theme":"dark","plate":2008,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/orbit-ring-nav.webp","controls":4,"verified":true,"security":"clean","slop":14,"url":"https://fieldbook.lizardi.mx/components/orbit-ring-nav"},{"slug":"orbiting-avatar-intro","title":"Orbiting Avatar Intro","description":"A stack of round portraits that lifts, fans out onto a circle and then turns slowly around the center while every portrait stays upright.","category":"animation","tags":["orbit","radial","avatars","intro","circle","rotation","reveal"],"frame":"card","theme":"either","plate":1724,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/orbiting-avatar-intro.webp","controls":5,"verified":true,"security":"clean","slop":14,"url":"https://fieldbook.lizardi.mx/components/orbiting-avatar-intro"},{"slug":"orbiting-badges","title":"Orbiting badges","description":"Small badges spaced evenly around one or two circular tracks, each ring turning at its own speed and direction while the badges stay upright.","category":"animation","tags":["orbit","ring","badges","rotation","diagram","loop"],"frame":"card","theme":"either","plate":1791,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/orbiting-badges.webp","controls":6,"verified":true,"security":"clean","slop":6,"url":"https://fieldbook.lizardi.mx/components/orbiting-badges"},{"plate":1725,"slug":"orbiting-border-spark","title":"Orbiting border spark","category":"backgrounds","url":"https://fieldbook.lizardi.mx/components/orbiting-border-spark","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/orbiting-border-spark.webp"},{"plate":2613,"slug":"orbiting-caption-disc-button","title":"Orbiting caption disc","category":"buttons","url":"https://fieldbook.lizardi.mx/components/orbiting-caption-disc-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/orbiting-caption-disc-button.webp"},{"plate":2775,"slug":"orbiting-confirm-chips-button","title":"Orbiting confirm chips","category":"buttons","url":"https://fieldbook.lizardi.mx/components/orbiting-confirm-chips-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/orbiting-confirm-chips-button.webp"},{"slug":"orbiting-image-spiral","title":"Orbiting image spiral","description":"A stack of square photos arranged around an invisible spiral that turns continuously, each photo scaling, sharpening or blurring by how close it sits to the front.","category":"media","tags":["spiral","gallery","3d-carousel","orbit","photos","helix"],"frame":"full","theme":"dark","plate":2744,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/orbiting-image-spiral.webp","controls":4,"verified":true,"security":"clean","slop":22,"url":"https://fieldbook.lizardi.mx/components/orbiting-image-spiral"},{"slug":"orbiting-rim-light-button","title":"Orbiting rim light button","description":"A dark pill whose one pixel rim is lit from behind by a slowly turning cone of colour, spinning faster while the button is held.","category":"buttons","tags":["button","rim","orbit","light","pill","halo","spin"],"frame":"inline","theme":"dark","plate":2009,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/orbiting-rim-light-button.webp","controls":5,"verified":true,"security":"clean","slop":21,"url":"https://fieldbook.lizardi.mx/components/orbiting-rim-light-button"},{"plate":2878,"slug":"organization-settings-page","title":"Organization settings page","category":"pages","url":"https://fieldbook.lizardi.mx/components/organization-settings-page","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/organization-settings-page.webp"},{"plate":2799,"slug":"otp-code-boxes","title":"OTP code boxes","category":"inputs","url":"https://fieldbook.lizardi.mx/components/otp-code-boxes","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/otp-code-boxes.webp"},{"plate":1535,"slug":"otp-field","title":"OTP field","category":"inputs","url":"https://fieldbook.lizardi.mx/components/otp-field","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/otp-field.webp"},{"plate":2393,"slug":"otp-slot-input","title":"Passcode slot input","category":"inputs","url":"https://fieldbook.lizardi.mx/components/otp-slot-input","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/otp-slot-input.webp"},{"plate":2829,"slug":"outline-draw-text","title":"Outline draw text","category":"text-effects","url":"https://fieldbook.lizardi.mx/components/outline-draw-text","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/outline-draw-text.webp"},{"slug":"outline-invert-button","title":"Outline invert button","description":"A dark slate button ringed in a warm outline that trades every color with its border on hover and lifts on a shifting glow.","category":"buttons","tags":["button","outline","invert","hover","glow","uppercase"],"frame":"inline","theme":"dark","plate":1872,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/outline-invert-button.webp","controls":5,"verified":true,"security":"clean","slop":0,"url":"https://fieldbook.lizardi.mx/components/outline-invert-button"},{"plate":2394,"slug":"outlined-page-nav","title":"Outlined page nav","category":"navigation","url":"https://fieldbook.lizardi.mx/components/outlined-page-nav","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/outlined-page-nav.webp"},{"slug":"outset-ring-tilt-button","title":"Outset ring tilt button","description":"A badge-style button with a thick ring floating outside its edge that grows, tips a couple of degrees and drops a hard shadow on hover.","category":"buttons","tags":["button","ring","tilt","hover","badge","share","shadow"],"frame":"inline","theme":"either","plate":2544,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/outset-ring-tilt-button.webp","controls":5,"verified":true,"security":"clean","slop":0,"url":"https://fieldbook.lizardi.mx/components/outset-ring-tilt-button"},{"slug":"outside-value-pie","title":"Outside Value Pie","description":"A solid pie chart with bare numbers floating just outside each slice, positioned so every label reads outward from the centre with no connecting lines.","category":"charts","tags":["pie","chart","labels","values","percent","share","outside"],"frame":"card","theme":"either","plate":2395,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/outside-value-pie.webp","controls":5,"verified":true,"security":"clean","slop":30,"url":"https://fieldbook.lizardi.mx/components/outside-value-pie"},{"plate":2650,"slug":"overhead-light-pill","title":"Overhead light pill","category":"buttons","url":"https://fieldbook.lizardi.mx/components/overhead-light-pill","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/overhead-light-pill.webp"},{"plate":1726,"slug":"overhead-light-rays","title":"Overhead light rays","category":"backgrounds","url":"https://fieldbook.lizardi.mx/components/overhead-light-rays","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/overhead-light-rays.webp"},{"slug":"overlay-scroll-panel","title":"Overlay scroll panel","description":"A bounded panel that hides the platform scrollbar and draws its own slim overlay track, thumb sized to the content.","category":"layout","tags":["scroll","scrollbar","overflow","panel","viewport","thumb","track"],"frame":"card","theme":"either","plate":2396,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/overlay-scroll-panel.webp","controls":5,"verified":true,"security":"clean","slop":8,"url":"https://fieldbook.lizardi.mx/components/overlay-scroll-panel"},{"slug":"overshoot-icon-slide-button","title":"Overshoot icon button","description":"A pale pill with a large illustrated glyph parked in its left end that tugs outward past the rim and springs back on hover or focus.","category":"buttons","tags":["button","icon","slide","overshoot","spring","pill","hover"],"frame":"inline","theme":"either","plate":2580,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/overshoot-icon-slide-button.webp","controls":5,"verified":true,"security":"clean","slop":0,"url":"https://fieldbook.lizardi.mx/components/overshoot-icon-slide-button"},{"slug":"paired-bar-chart","title":"Paired bar chart","description":"A grouped bar chart where each month shows two side-by-side bars, one per series, for comparing two measures across the same categories.","category":"charts","tags":["chart","bar","grouped","comparison","two series","monthly"],"frame":"wide","theme":"either","plate":2281,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/paired-bar-chart.webp","controls":5,"verified":true,"security":"clean","slop":32,"url":"https://fieldbook.lizardi.mx/components/paired-bar-chart"},{"plate":2010,"slug":"paired-code-split-view","title":"Paired Code Split View","category":"forms","url":"https://fieldbook.lizardi.mx/components/paired-code-split-view","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/paired-code-split-view.webp"},{"plate":2397,"slug":"paired-series-line","title":"Paired Series Line","category":"charts","url":"https://fieldbook.lizardi.mx/components/paired-series-line","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/paired-series-line.webp"},{"plate":2398,"slug":"panel-swallow-button","title":"Panel swallow button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/panel-swallow-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/panel-swallow-button.webp"},{"slug":"panel-tab-switcher","title":"Panel Tab Switcher","description":"A rounded tab bar where a background indicator morphs to the active tab's exact size and position, revealing a distinct content panel beneath it.","category":"navigation","tags":["tabs","sliding indicator","panel switcher","segmented"],"frame":"card","theme":"either","plate":2399,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/panel-tab-switcher.webp","controls":3,"verified":true,"security":"clean","slop":8,"url":"https://fieldbook.lizardi.mx/components/panel-tab-switcher"},{"slug":"panning-gradient-button","title":"Panning gradient button","description":"A domed key whose oversized diagonal gradient pans across the face on hover, sweeping a lighter band from one corner to the other.","category":"buttons","tags":["button","gradient","pan","sweep","domed","inset","key"],"frame":"inline","theme":"either","plate":2483,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/panning-gradient-button.webp","controls":5,"verified":true,"security":"clean","slop":40,"url":"https://fieldbook.lizardi.mx/components/panning-gradient-button"},{"plate":2809,"slug":"paper-fold-text","title":"Paper fold text","category":"text-effects","url":"https://fieldbook.lizardi.mx/components/paper-fold-text","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/paper-fold-text.webp"},{"slug":"parallax-photo-columns","title":"Parallax photo columns","description":"A full-bleed wall of drifting photo columns in 3D perspective where tiles brighten and lift under the cursor or keyboard focus while their column pauses.","category":"media","tags":["photo-wall","parallax","columns","gallery","drift","3d-tilt"],"frame":"full","theme":"dark","plate":2745,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/parallax-photo-columns.webp","controls":5,"verified":true,"security":"clean","slop":37,"url":"https://fieldbook.lizardi.mx/components/parallax-photo-columns"},{"slug":"parallax-plate-gallery","title":"Parallax plate gallery","description":"A snapping vertical gallery where each plate's oversized index number drifts at a different rate to the plate itself, with a scroll progress rail along the bottom.","category":"scroll","tags":["parallax","scroll","gallery","snap","progress","depth"],"frame":"wide","theme":"dark","plate":1873,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/parallax-plate-gallery.webp","controls":5,"verified":true,"security":"clean","slop":40,"url":"https://fieldbook.lizardi.mx/components/parallax-plate-gallery"},{"plate":1727,"slug":"parallax-starfield","title":"Parallax Starfield","category":"backgrounds","url":"https://fieldbook.lizardi.mx/components/parallax-starfield","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/parallax-starfield.webp"},{"plate":1642,"slug":"particle-burst-button","title":"Particle burst button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/particle-burst-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/particle-burst-button.webp"},{"slug":"particle-drift","title":"Particle drift","description":"A canvas field of slow drifting particles that wrap at the edges, and link with faint lines and ease away where the pointer passes.","category":"backgrounds","tags":["background","canvas","particles","pointer","ambient","hero"],"frame":"wide","theme":"dark","plate":1536,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/particle-drift.webp","controls":3,"verified":true,"security":"clean","slop":8,"url":"https://fieldbook.lizardi.mx/components/particle-drift"},{"slug":"particle-formation-text","title":"Particle formation text","description":"A canvas of tiny particles that gathers into the shape of a word, drifts once formed, and scatters away from the pointer.","category":"text-effects","tags":["particles","canvas","text","formation","scatter"],"frame":"card","theme":"dark","plate":2816,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/particle-formation-text.webp","controls":5,"verified":true,"security":"clean","slop":8,"url":"https://fieldbook.lizardi.mx/components/particle-formation-text"},{"slug":"particle-spray-on-hold","title":"Particle spray","description":"Hold the pointer down on a control and it sprays small particles from wherever the pointer is, each arcing up, spinning, then falling away and clearing itself.","category":"animation","tags":["particles","press","hold","spray","button","playful"],"frame":"inline","theme":"dark","plate":1728,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/particle-spray-on-hold.webp","controls":5,"verified":true,"security":"clean","slop":10,"url":"https://fieldbook.lizardi.mx/components/particle-spray-on-hold"},{"plate":2558,"slug":"pass-through-wipe-button","title":"Pass through wipe button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/pass-through-wipe-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/pass-through-wipe-button.webp"},{"plate":1729,"slug":"paste-format-menu-button","title":"Paste Format Menu","category":"buttons","url":"https://fieldbook.lizardi.mx/components/paste-format-menu-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/paste-format-menu-button.webp"},{"slug":"path-breadcrumb-trail","title":"Path Breadcrumb Trail","description":"A horizontal trail of page-hierarchy links ending in the current page, with long trails collapsing behind an expandable ellipsis.","category":"navigation","tags":["breadcrumb","page trail","hierarchy nav"],"frame":"wide","theme":"either","plate":2202,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/path-breadcrumb-trail.webp","controls":3,"verified":true,"security":"clean","slop":0,"url":"https://fieldbook.lizardi.mx/components/path-breadcrumb-trail"},{"slug":"path-follower-loop","title":"Path follower","description":"A rounded tile that rides along a curling spiral track while the track itself draws in ahead of it, then reverses back to the start.","category":"animation","tags":["path","offset-path","svg","follow","spiral","loop"],"frame":"card","theme":"dark","plate":1792,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/path-follower-loop.webp","controls":5,"verified":true,"security":"clean","slop":18,"url":"https://fieldbook.lizardi.mx/components/path-follower-loop"},{"plate":2879,"slug":"payment-recovery-panel","title":"Payment recovery panel","category":"cards","url":"https://fieldbook.lizardi.mx/components/payment-recovery-panel","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/payment-recovery-panel.webp"},{"slug":"peek-inside-folder","title":"Peek Inside Folder","description":"A stylized folder icon that springs open on click to fan out three papers tucked inside, each nudging away from the pointer.","category":"layout","tags":["folder","open-close","papers","hover-drift","icon"],"frame":"inline","theme":"either","plate":2400,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/peek-inside-folder.webp","controls":3,"verified":true,"security":"clean","slop":8,"url":"https://fieldbook.lizardi.mx/components/peek-inside-folder"},{"plate":2203,"slug":"peelable-sticker","title":"Peelable sticker","category":"animation","url":"https://fieldbook.lizardi.mx/components/peelable-sticker","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/peelable-sticker.webp"},{"slug":"perimeter-draw-button","title":"Perimeter draw button","description":"A short thick bar parked under the label stretches and travels around all four sides on hover until it closes into a full outline, then retracts back into the bar on leave.","category":"buttons","tags":["button","outline","draw","perimeter","stroke","hover"],"frame":"inline","theme":"dark","plate":2484,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/perimeter-draw-button.webp","controls":5,"verified":true,"security":"clean","slop":0,"url":"https://fieldbook.lizardi.mx/components/perimeter-draw-button"},{"plate":1730,"slug":"perimeter-spark-button","title":"Perimeter spark button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/perimeter-spark-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/perimeter-spark-button.webp"},{"slug":"perspective-floor-grid","title":"Perspective floor grid","description":"A grid plane tilted away from the camera so it recedes to a horizon and slides toward the viewer on a seamless one-cell loop.","category":"backgrounds","tags":["background","grid","perspective","horizon","floor","ambient"],"frame":"wide","theme":"dark","plate":1731,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/perspective-floor-grid.webp","controls":5,"verified":true,"security":"clean","slop":22,"url":"https://fieldbook.lizardi.mx/components/perspective-floor-grid"},{"slug":"perspective-reveal-dialog","title":"Perspective reveal dialog","description":"A general purpose dialog whose panel tilts in from a chosen edge in 3D, then flattens into place, for showing arbitrary content over a dimmed page.","category":"overlays","tags":["dialog","modal","perspective","tilt","reveal","backdrop"],"frame":"card","theme":"either","plate":2204,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/perspective-reveal-dialog.webp","controls":4,"verified":true,"security":"clean","slop":16,"url":"https://fieldbook.lizardi.mx/components/perspective-reveal-dialog"},{"plate":2582,"slug":"perspective-sheen-button","title":"Perspective sheen button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/perspective-sheen-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/perspective-sheen-button.webp"},{"plate":2689,"slug":"physical-keycap-button","title":"Physical keycap button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/physical-keycap-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/physical-keycap-button.webp"},{"slug":"physics-drop-text","title":"Physics drop text","description":"A sentence breaks into words that fall, tumble and bounce under simulated gravity, then settle and can be flicked around with the pointer.","category":"text-effects","tags":["text-effects","physics","gravity","animation","typography","interactive"],"frame":"wide","theme":"either","plate":2817,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/physics-drop-text.webp","controls":4,"verified":true,"security":"clean","slop":0,"url":"https://fieldbook.lizardi.mx/components/physics-drop-text"},{"plate":1537,"slug":"pill-tabs","title":"Pill tabs","category":"navigation","url":"https://fieldbook.lizardi.mx/components/pill-tabs","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/pill-tabs.webp"},{"plate":2011,"slug":"pin-priority-list","title":"Pin priority list","category":"data-display","url":"https://fieldbook.lizardi.mx/components/pin-priority-list","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/pin-priority-list.webp"},{"plate":2012,"slug":"pin-to-top-list","title":"Pin to top list","category":"data-display","url":"https://fieldbook.lizardi.mx/components/pin-to-top-list","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/pin-to-top-list.webp"},{"plate":1829,"slug":"pincer-fill-button","title":"Pincer Fill Button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/pincer-fill-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/pincer-fill-button.webp"},{"plate":2401,"slug":"pinned-card-stack-scroll","title":"Pinned Card Stack Scroll","category":"layout","url":"https://fieldbook.lizardi.mx/components/pinned-card-stack-scroll","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/pinned-card-stack-scroll.webp"},{"plate":1874,"slug":"pinned-lateral-gallery","title":"Pinned lateral gallery","category":"scroll","url":"https://fieldbook.lizardi.mx/components/pinned-lateral-gallery","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/pinned-lateral-gallery.webp"},{"plate":2503,"slug":"pivot-bars-menu-button","title":"Pivot bars menu button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/pivot-bars-menu-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/pivot-bars-menu-button.webp"},{"plate":2013,"slug":"pixel-bevel-button","title":"Pixel bevel button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/pixel-bevel-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/pixel-bevel-button.webp"},{"plate":1875,"slug":"pixel-bloom-card","title":"Pixel Bloom Card","category":"cards","url":"https://fieldbook.lizardi.mx/components/pixel-bloom-card","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/pixel-bloom-card.webp"},{"plate":2205,"slug":"pixel-curtain-reveal","title":"Pixel Curtain","category":"animation","url":"https://fieldbook.lizardi.mx/components/pixel-curtain-reveal","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/pixel-curtain-reveal.webp"},{"plate":2402,"slug":"pixel-mosaic-reveal","title":"Pixel mosaic reveal","category":"media","url":"https://fieldbook.lizardi.mx/components/pixel-mosaic-reveal","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/pixel-mosaic-reveal.webp"},{"plate":2014,"slug":"pixel-snowfall","title":"Pixel snowfall","category":"backgrounds","url":"https://fieldbook.lizardi.mx/components/pixel-snowfall","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/pixel-snowfall.webp"},{"plate":1793,"slug":"pixel-wake-grid","title":"Pixel Wake","category":"cursor","url":"https://fieldbook.lizardi.mx/components/pixel-wake-grid","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/pixel-wake-grid.webp"},{"plate":2403,"slug":"plain-share-pie","title":"Plain Share Pie","category":"charts","url":"https://fieldbook.lizardi.mx/components/plain-share-pie","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/plain-share-pie.webp"},{"slug":"plain-trend-line","title":"Plain trend line","description":"A minimal single series line chart with a smooth undecorated curve and no point markers, kept as bare and legible as a trend line can be.","category":"charts","tags":["chart","line","minimal","trend","series","smooth"],"frame":"card","theme":"either","plate":2288,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/plain-trend-line.webp","controls":4,"verified":true,"security":"clean","slop":18,"url":"https://fieldbook.lizardi.mx/components/plain-trend-line"},{"slug":"plan-limit-alert","title":"Plan limit alert","description":"Show quota pressure and let administrators choose a threshold or request a plan review.","category":"feedback","tags":["billing","commercial","finance"],"frame":"card","theme":"dark","plate":2880,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/plan-limit-alert.webp","controls":2,"verified":true,"security":"clean","slop":0,"url":"https://fieldbook.lizardi.mx/components/plan-limit-alert"},{"plate":2790,"slug":"plan-radio-list","title":"Plan radio list","category":"inputs","url":"https://fieldbook.lizardi.mx/components/plan-radio-list","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/plan-radio-list.webp"},{"plate":2701,"slug":"plane-straighten-button","title":"Plane straighten send","category":"buttons","url":"https://fieldbook.lizardi.mx/components/plane-straighten-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/plane-straighten-button.webp"},{"plate":2545,"slug":"plane-tilt-send-button","title":"Plane tilt send button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/plane-tilt-send-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/plane-tilt-send-button.webp"},{"plate":2015,"slug":"plasma-plume","title":"Plasma plume","category":"backgrounds","url":"https://fieldbook.lizardi.mx/components/plasma-plume","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/plasma-plume.webp"},{"plate":2651,"slug":"plate-spin-swap-button","title":"Plate spin swap button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/plate-spin-swap-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/plate-spin-swap-button.webp"},{"slug":"plinth-lift-button","title":"Plinth lift button","description":"A heavy framed label plate on a checkered base that lifts diagonally off its plinth and takes on color when hovered or focused.","category":"buttons","tags":["button","plate","lift","checker","frame","hover","machined"],"frame":"inline","theme":"dark","plate":2539,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/plinth-lift-button.webp","controls":5,"verified":true,"security":"clean","slop":14,"url":"https://fieldbook.lizardi.mx/components/plinth-lift-button"},{"slug":"plus-to-cross-tile","title":"Plus to cross tile","description":"A small square tile carrying a plus sign that spins forty five degrees into a close cross and swells a fraction as it turns.","category":"buttons","tags":["icon button","plus","close","rotate","toggle","tile"],"frame":"inline","theme":"dark","plate":2512,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/plus-to-cross-tile.webp","controls":5,"verified":true,"security":"clean","slop":10,"url":"https://fieldbook.lizardi.mx/components/plus-to-cross-tile"},{"slug":"pointer-angle-sweep","title":"Pointer angle sweep","description":"A panel lit by a conic sweep whose origin sits under the pointer and whose bright edge points back at it, easing to a slow idle spin when the pointer leaves.","category":"backgrounds","tags":["conic","sweep","pointer","gradient","lighting","spring","background"],"frame":"card","theme":"dark","plate":1732,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/pointer-angle-sweep.webp","controls":5,"verified":true,"security":"clean","slop":22,"url":"https://fieldbook.lizardi.mx/components/pointer-angle-sweep"},{"plate":1794,"slug":"pointer-label-cursor","title":"Pointer label cursor","category":"cursor","url":"https://fieldbook.lizardi.mx/components/pointer-label-cursor","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/pointer-label-cursor.webp"},{"plate":1733,"slug":"pointer-lit-lattice","title":"Pointer lit lattice","category":"backgrounds","url":"https://fieldbook.lizardi.mx/components/pointer-lit-lattice","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/pointer-lit-lattice.webp"},{"plate":2206,"slug":"pointer-magnet-wrap","title":"Pointer Magnet","category":"animation","url":"https://fieldbook.lizardi.mx/components/pointer-magnet-wrap","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/pointer-magnet-wrap.webp"},{"slug":"pointer-reactive-ascii-text","title":"Pointer reactive ASCII text","description":"A word rendered entirely out of monospace characters instead of solid letterforms, its glyph density and a subtle color shift responding continuously to how close the pointer sits.","category":"text-effects","tags":["ascii","character grid","monospace text","pointer reactive","canvas text"],"frame":"card","theme":"dark","plate":2404,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/pointer-reactive-ascii-text.webp","controls":4,"verified":true,"security":"clean","slop":8,"url":"https://fieldbook.lizardi.mx/components/pointer-reactive-ascii-text"},{"plate":1643,"slug":"pointer-ripple-button","title":"Pointer Ripple Button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/pointer-ripple-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/pointer-ripple-button.webp"},{"plate":1734,"slug":"pointer-ripple-mesh","title":"Pointer ripple mesh","category":"backgrounds","url":"https://fieldbook.lizardi.mx/components/pointer-ripple-mesh","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/pointer-ripple-mesh.webp"},{"plate":2405,"slug":"pointer-scatter-headline","title":"Pointer scatter headline","category":"text-effects","url":"https://fieldbook.lizardi.mx/components/pointer-scatter-headline","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/pointer-scatter-headline.webp"},{"plate":2818,"slug":"pointer-scramble-text","title":"Pointer scramble text","category":"text-effects","url":"https://fieldbook.lizardi.mx/components/pointer-scramble-text","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/pointer-scramble-text.webp"},{"plate":1830,"slug":"pointer-spotlight-card","title":"Pointer spotlight card","category":"cards","url":"https://fieldbook.lizardi.mx/components/pointer-spotlight-card","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/pointer-spotlight-card.webp"},{"slug":"pointer-spotlight-panel","title":"Pointer Spotlight Panel","description":"A content panel with a soft light that follows the pointer across its face and pins to the centre on keyboard focus.","category":"cards","tags":["spotlight","hover","panel","pointer","highlight","card","focus"],"frame":"card","theme":"dark","plate":1876,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/pointer-spotlight-panel.webp","controls":4,"verified":true,"security":"clean","slop":32,"url":"https://fieldbook.lizardi.mx/components/pointer-spotlight-panel"},{"plate":1795,"slug":"pointer-takeover-zone","title":"Pointer takeover zone","category":"cursor","url":"https://fieldbook.lizardi.mx/components/pointer-takeover-zone","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/pointer-takeover-zone.webp"},{"slug":"pointer-tile-trail","title":"Tile trail","description":"A pointer trail that drops small rounded tiles along the path, each popping in from a recycled pool and drifting away as newer ones take its place.","category":"cursor","tags":["cursor","trail","pointer","tiles","stagger","stage","motion"],"frame":"wide","theme":"dark","plate":1796,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/pointer-tile-trail.webp","controls":5,"verified":true,"security":"clean","slop":14,"url":"https://fieldbook.lizardi.mx/components/pointer-tile-trail"},{"plate":1735,"slug":"pointer-tilt-card","title":"Pointer tilt card","category":"animation","url":"https://fieldbook.lizardi.mx/components/pointer-tilt-card","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/pointer-tilt-card.webp"},{"slug":"pointer-tilt-photo-card","title":"Pointer tilt photo card","description":"A captioned photo card that tips toward the pointer on a spring, with a soft highlight sliding across the face as it turns.","category":"cards","tags":["tilt","3d","pointer","card","photo","spring"],"frame":"card","theme":"dark","plate":1877,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/pointer-tilt-photo-card.webp","controls":5,"verified":true,"security":"clean","slop":22,"url":"https://fieldbook.lizardi.mx/components/pointer-tilt-photo-card"},{"plate":2721,"slug":"polished-metal-button","title":"Polished metal button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/polished-metal-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/polished-metal-button.webp"},{"plate":2207,"slug":"pop-scale-panel","title":"Pop scale panel","category":"overlays","url":"https://fieldbook.lizardi.mx/components/pop-scale-panel","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/pop-scale-panel.webp"},{"plate":2016,"slug":"presence-avatar-clusters","title":"Presence Avatar Clusters","category":"data-display","url":"https://fieldbook.lizardi.mx/components/presence-avatar-clusters","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/presence-avatar-clusters.webp"},{"slug":"press-block-button","title":"Press block button","description":"A rounded block button resting on a solid ledge of shadow that shortens as the button travels down under a press.","category":"buttons","tags":["button","press","depth","ledge","tactile","shadow"],"frame":"inline","theme":"either","plate":1831,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/press-block-button.webp","controls":4,"verified":true,"security":"clean","slop":0,"url":"https://fieldbook.lizardi.mx/components/press-block-button"},{"slug":"press-down-sweep-button","title":"Press down sweep button","description":"A solid button whose fill washes brighter from one side on hover and drops flat against the page while it is held.","category":"buttons","tags":["button","press","sweep","hover","shadow","call to action"],"frame":"inline","theme":"either","plate":2776,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/press-down-sweep-button.webp","controls":5,"verified":true,"security":"clean","slop":14,"url":"https://fieldbook.lizardi.mx/components/press-down-sweep-button"},{"plate":1797,"slug":"press-hover-scale-tile","title":"Press and hover scale tile","category":"animation","url":"https://fieldbook.lizardi.mx/components/press-hover-scale-tile","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/press-hover-scale-tile.webp"},{"slug":"press-plate-toggle","title":"Press plate toggle","description":"A bare two-state button whose filled plate cross-fades in behind its content when pressed, with the state readable and settable from outside the button itself.","category":"buttons","tags":["toggle","pressed","plate","controlled","state","button"],"frame":"card","theme":"either","plate":1644,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/press-plate-toggle.webp","controls":5,"verified":true,"security":"clean","slop":10,"url":"https://fieldbook.lizardi.mx/components/press-plate-toggle"},{"plate":1798,"slug":"press-response-tile","title":"Press response tile","category":"animation","url":"https://fieldbook.lizardi.mx/components/press-response-tile","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/press-response-tile.webp"},{"plate":1645,"slug":"press-ripple-button","title":"Press ripple button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/press-ripple-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/press-ripple-button.webp"},{"plate":1646,"slug":"press-spring-button","title":"Press spring button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/press-spring-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/press-spring-button.webp"},{"slug":"press-stretch-switch","title":"Settings Toggle Row","description":"A labeled settings row ending in an on off switch whose thumb stretches under a press and springs back when it settles.","category":"inputs","tags":["switch","settings row","toggle","form control","press animation"],"frame":"inline","theme":"either","plate":2017,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/press-stretch-switch.webp","controls":3,"verified":true,"security":"clean","slop":18,"url":"https://fieldbook.lizardi.mx/components/press-stretch-switch"},{"slug":"pressable-icon-toggle","title":"Pressable icon toggle","description":"A button with an icon and label that stays visually pressed once clicked, for a standalone on or off action such as muting or bolding.","category":"buttons","tags":["toggle","pressed","icon button","formatting","aria-pressed"],"frame":"inline","theme":"either","plate":2208,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/pressable-icon-toggle.webp","controls":3,"verified":true,"security":"clean","slop":0,"url":"https://fieldbook.lizardi.mx/components/pressable-icon-toggle"},{"plate":1647,"slug":"pressed-highlight-toggle","title":"Pressed highlight toggle","category":"buttons","url":"https://fieldbook.lizardi.mx/components/pressed-highlight-toggle","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/pressed-highlight-toggle.webp"},{"slug":"pressed-ledge-button","title":"Pressed ledge button","description":"A solid button resting on a thick darker bottom edge that collapses when pressed, so the cap drops flush like a real key.","category":"buttons","tags":["button","press","depth","tactile","keycap","solid"],"frame":"inline","theme":"either","plate":2690,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/pressed-ledge-button.webp","controls":4,"verified":true,"security":"clean","slop":0,"url":"https://fieldbook.lizardi.mx/components/pressed-ledge-button"},{"plate":2634,"slug":"pressed-tile-icon-button","title":"Pressed tile icon button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/pressed-tile-icon-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/pressed-tile-icon-button.webp"},{"plate":2406,"slug":"priced-stay-range-calendar","title":"Priced stay range calendar","category":"inputs","url":"https://fieldbook.lizardi.mx/components/priced-stay-range-calendar","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/priced-stay-range-calendar.webp"},{"plate":2209,"slug":"printing-icon-button","title":"Printing icon button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/printing-icon-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/printing-icon-button.webp"},{"slug":"prismatic-light-bands","title":"Prismatic light bands","description":"A dark canvas panel where a few long bands of light sweep and bend across the field, splitting into warm and cool fringes at their edges like a beam through a prism.","category":"backgrounds","tags":["background","canvas","prism","dispersion","bands","light","warp","chromatic"],"frame":"wide","theme":"dark","plate":1736,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/prismatic-light-bands.webp","controls":6,"verified":true,"security":"clean","slop":8,"url":"https://fieldbook.lizardi.mx/components/prismatic-light-bands"},{"slug":"product-demo-split-hero","title":"Product demo split hero","description":"An interactive split hero walks through collecting, shaping and sharing a project.","category":"marketing","tags":["workflow","product","interactive","controlled-state"],"frame":"full","theme":"dark","plate":2881,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/product-demo-split-hero.webp","controls":3,"verified":true,"security":"clean","slop":26,"url":"https://fieldbook.lizardi.mx/components/product-demo-split-hero"},{"plate":2882,"slug":"product-launch-page","title":"Product launch page","category":"pages","url":"https://fieldbook.lizardi.mx/components/product-launch-page","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/product-launch-page.webp"},{"plate":1799,"slug":"profile-flip-card","title":"Profile flip card","category":"cards","url":"https://fieldbook.lizardi.mx/components/profile-flip-card","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/profile-flip-card.webp"},{"slug":"profile-hover-card","title":"Profile hover card","description":"Hovering or focusing a small avatar chip opens a profile panel with a name, handle, bio and follower counts.","category":"cards","tags":["profile card","hover card","avatar","popover","user preview","mention"],"frame":"card","theme":"either","plate":1800,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/profile-hover-card.webp","controls":4,"verified":true,"security":"clean","slop":16,"url":"https://fieldbook.lizardi.mx/components/profile-hover-card"},{"slug":"profit-loss-line-chart","title":"Profit/Loss Line Chart","description":"A line chart whose stroke changes color depending on whether the value is above or below zero, splitting cleanly at each crossing point.","category":"charts","tags":["line chart","profit loss","sign colored","finance chart","crossing"],"frame":"wide","theme":"dark","plate":2093,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/profit-loss-line-chart.webp","controls":4,"verified":true,"security":"clean","slop":0,"url":"https://fieldbook.lizardi.mx/components/profit-loss-line-chart"},{"plate":1538,"slug":"progress-ring","title":"Progress ring","category":"feedback","url":"https://fieldbook.lizardi.mx/components/progress-ring","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/progress-ring.webp"},{"slug":"progressive-edge-blur","title":"Progressive edge blur","description":"A band pinned to one edge of a scrolling panel that blurs and fades its content gradually into the background instead of cutting it off at a hard line.","category":"layout","tags":["blur","edge","fade","scroll","panel","overflow"],"frame":"card","theme":"either","plate":2407,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/progressive-edge-blur.webp","controls":5,"verified":true,"security":"clean","slop":30,"url":"https://fieldbook.lizardi.mx/components/progressive-edge-blur"},{"slug":"project-switcher","title":"Project switcher","description":"Search available projects and switch the active project with visible selection feedback.","category":"navigation","tags":["admin","workspace","settings"],"frame":"card","theme":"dark","plate":2883,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/project-switcher.webp","controls":2,"verified":true,"security":"clean","slop":0,"url":"https://fieldbook.lizardi.mx/components/project-switcher"},{"plate":2837,"slug":"proximity-variable-type","title":"Proximity variable type","category":"text-effects","url":"https://fieldbook.lizardi.mx/components/proximity-variable-type","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/proximity-variable-type.webp"},{"slug":"pulse-button","title":"Pulse button","description":"A button that answers a click with a single expanding ring from the pointer position and a short press-down, then settles.","category":"buttons","tags":["button","click","ripple","feedback","cta"],"frame":"inline","theme":"either","plate":1524,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/pulse-button.webp","controls":4,"verified":true,"security":"clean","slop":24,"url":"https://fieldbook.lizardi.mx/components/pulse-button"},{"plate":2210,"slug":"pulse-grid-mesh","title":"Pulse grid mesh","category":"backgrounds","url":"https://fieldbook.lizardi.mx/components/pulse-grid-mesh","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/pulse-grid-mesh.webp"},{"slug":"pulse-halo-button","title":"Pulse halo button","description":"A solid button that keeps emitting a soft halo of its own color, either breathing in place or throwing off expanding rings on a loop.","category":"buttons","tags":["button","pulse","halo","ring","attention","loop","breathing"],"frame":"inline","theme":"either","plate":1648,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/pulse-halo-button.webp","controls":5,"verified":true,"security":"clean","slop":0,"url":"https://fieldbook.lizardi.mx/components/pulse-halo-button"},{"slug":"pulse-ring-bloom","title":"Ring bloom","description":"Concentric light rings are born at the center, swell outward and fade, each one lagging the last, with a burst on click.","category":"animation","tags":["rings","pulse","bloom","canvas","parallax","burst"],"frame":"wide","theme":"dark","plate":2211,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/pulse-ring-bloom.webp","controls":6,"verified":true,"security":"clean","slop":8,"url":"https://fieldbook.lizardi.mx/components/pulse-ring-bloom"},{"plate":1737,"slug":"pulsing-dot-field","title":"Pulsing Dot Field","category":"backgrounds","url":"https://fieldbook.lizardi.mx/components/pulsing-dot-field","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/pulsing-dot-field.webp"},{"plate":2565,"slug":"pulsing-play-orb","title":"Pulsing play orb","category":"buttons","url":"https://fieldbook.lizardi.mx/components/pulsing-play-orb","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/pulsing-play-orb.webp"},{"plate":2884,"slug":"purchase-approval-chain","title":"Purchase approval chain","category":"blocks","url":"https://fieldbook.lizardi.mx/components/purchase-approval-chain","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/purchase-approval-chain.webp"},{"plate":2018,"slug":"quantity-stepper-field","title":"Quantity Stepper Field","category":"forms","url":"https://fieldbook.lizardi.mx/components/quantity-stepper-field","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/quantity-stepper-field.webp"},{"slug":"quarter-turn-add-button","title":"Quarter Turn Add Button","description":"A circled plus that turns a quarter revolution and floods solid when pointed at, then flips instantly to a light stroke while held.","category":"buttons","tags":["add","icon","rotate","outline","hover","flood","circle"],"frame":"inline","theme":"either","plate":2568,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/quarter-turn-add-button.webp","controls":5,"verified":true,"security":"clean","slop":0,"url":"https://fieldbook.lizardi.mx/components/quarter-turn-add-button"},{"slug":"quick-launch-palette","title":"Quick launch palette","description":"A keyboard-triggered command palette that opens with a spring pop, filters a grouped action list as you type, and supports full arrow-key navigation.","category":"navigation","tags":["command palette","keyboard","search","navigation","launcher","spring animation"],"frame":"card","theme":"either","plate":2212,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/quick-launch-palette.webp","controls":4,"verified":true,"security":"clean","slop":26,"url":"https://fieldbook.lizardi.mx/components/quick-launch-palette"},{"slug":"quick-menu-orb-button","title":"Quick menu orb","description":"A round accent trigger whose glyph folds into a close mark while a small titled menu of icon rows scales up beneath it.","category":"buttons","tags":["menu","orb","trigger","toggle","panel","icon rows","quick"],"frame":"card","theme":"either","plate":2670,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/quick-menu-orb-button.webp","controls":6,"verified":true,"security":"clean","slop":18,"url":"https://fieldbook.lizardi.mx/components/quick-menu-orb-button"},{"plate":2213,"slug":"quick-pick-date-card","title":"Quick Pick Date Card","category":"inputs","url":"https://fieldbook.lizardi.mx/components/quick-pick-date-card","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/quick-pick-date-card.webp"},{"plate":2019,"slug":"quiet-file-tree","title":"Quiet File Tree","category":"data-display","url":"https://fieldbook.lizardi.mx/components/quiet-file-tree","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/quiet-file-tree.webp"},{"slug":"quiet-ring-spinner","title":"Quiet Ring Spinner","description":"A minimal single-element loading ring: a thin circle with one colored quarter that spins continuously to mark a busy state.","category":"feedback","tags":["spinner","loading","ring","status","async"],"frame":"inline","theme":"either","plate":2020,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/quiet-ring-spinner.webp","controls":3,"verified":true,"security":"clean","slop":10,"url":"https://fieldbook.lizardi.mx/components/quiet-ring-spinner"},{"plate":2885,"slug":"quote-builder","title":"Quote builder","category":"forms","url":"https://fieldbook.lizardi.mx/components/quote-builder","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/quote-builder.webp"},{"plate":2021,"slug":"radial-action-wheel","title":"Radial action wheel","category":"overlays","url":"https://fieldbook.lizardi.mx/components/radial-action-wheel","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/radial-action-wheel.webp"},{"plate":1738,"slug":"radial-cable-pulses","title":"Radial cable pulses","category":"backgrounds","url":"https://fieldbook.lizardi.mx/components/radial-cable-pulses","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/radial-cable-pulses.webp"},{"plate":2022,"slug":"radial-light-burst","title":"Radial light burst","category":"backgrounds","url":"https://fieldbook.lizardi.mx/components/radial-light-burst","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/radial-light-burst.webp"},{"slug":"radial-share-fan","title":"Radial Share Fan","description":"A round share trigger that throws a stack of destination buttons out along an arc, each one tumbling a full turn into place.","category":"buttons","tags":["share","fan","radial","menu","reveal","buttons"],"frame":"card","theme":"either","plate":2504,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/radial-share-fan.webp","controls":6,"verified":true,"security":"clean","slop":10,"url":"https://fieldbook.lizardi.mx/components/radial-share-fan"},{"plate":1878,"slug":"radial-sheen-button","title":"Radial sheen button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/radial-sheen-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/radial-sheen-button.webp"},{"plate":2023,"slug":"radio-dot-select","title":"Radio dot select","category":"inputs","url":"https://fieldbook.lizardi.mx/components/radio-dot-select","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/radio-dot-select.webp"},{"plate":2614,"slug":"raised-bezel-button","title":"Raised bezel button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/raised-bezel-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/raised-bezel-button.webp"},{"slug":"raised-slice-donut","title":"Raised Slice Donut","description":"A donut where one slice is permanently raised above the ring by extending its outer radius, and the raise glides to any other slice on hover.","category":"charts","tags":["donut","chart","emphasis","active slice","arcs","share","spring"],"frame":"card","theme":"either","plate":2408,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/raised-slice-donut.webp","controls":5,"verified":true,"security":"clean","slop":26,"url":"https://fieldbook.lizardi.mx/components/raised-slice-donut"},{"plate":2914,"slug":"raked-sand-garden","title":"Raked sand garden","category":"backgrounds","url":"https://fieldbook.lizardi.mx/components/raked-sand-garden","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/raked-sand-garden.webp"},{"slug":"range-filter-area-chart","title":"Range filter area chart","description":"A daily traffic area chart with a range picker in the header that narrows the window to three months, thirty days or seven days and re-tweens the shape.","category":"charts","tags":["chart","area","range","filter","daily","traffic","interactive"],"frame":"wide","theme":"either","plate":1904,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/range-filter-area-chart.webp","controls":5,"verified":true,"security":"clean","slop":40,"url":"https://fieldbook.lizardi.mx/components/range-filter-area-chart"},{"plate":2105,"slug":"range-filtered-bar-report","title":"Range Filtered Bar Report","category":"charts","url":"https://fieldbook.lizardi.mx/components/range-filtered-bar-report","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/range-filtered-bar-report.webp"},{"slug":"range-span-slider","title":"Range span slider","description":"A slider with two thumbs on one track, letting someone pick a low and high value together as a filled span.","category":"inputs","tags":["range slider","dual thumb slider","min max slider","filter"],"frame":"inline","theme":"either","plate":2800,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/range-span-slider.webp","controls":3,"verified":true,"security":"clean","slop":16,"url":"https://fieldbook.lizardi.mx/components/range-span-slider"},{"plate":2282,"slug":"ranked-share-bar-chart","title":"Ranked Share Bar Chart","category":"charts","url":"https://fieldbook.lizardi.mx/components/ranked-share-bar-chart","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/ranked-share-bar-chart.webp"},{"plate":2915,"slug":"reaction-diffusion-relief","title":"Reaction diffusion relief","category":"backgrounds","url":"https://fieldbook.lizardi.mx/components/reaction-diffusion-relief","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/reaction-diffusion-relief.webp"},{"plate":2409,"slug":"reactive-bento-panels","title":"Reactive bento panels","category":"layout","url":"https://fieldbook.lizardi.mx/components/reactive-bento-panels","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/reactive-bento-panels.webp"},{"plate":2410,"slug":"reading-highlight-copy","title":"Reading highlight copy","category":"text-effects","url":"https://fieldbook.lizardi.mx/components/reading-highlight-copy","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/reading-highlight-copy.webp"},{"plate":2411,"slug":"receding-stack-carousel","title":"Receding stack carousel","category":"layout","url":"https://fieldbook.lizardi.mx/components/receding-stack-carousel","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/receding-stack-carousel.webp"},{"slug":"record-detail-drawer","title":"Record detail drawer","description":"Open a contained account detail panel and edit its owner and review note.","category":"blocks","tags":["data","workspace","record","interactive"],"frame":"wide","theme":"dark","plate":2886,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/record-detail-drawer.webp","controls":3,"verified":true,"security":"clean","slop":10,"url":"https://fieldbook.lizardi.mx/components/record-detail-drawer"},{"plate":2494,"slug":"record-toggle-pulse-pill","title":"Record toggle pulse","category":"buttons","url":"https://fieldbook.lizardi.mx/components/record-toggle-pulse-pill","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/record-toggle-pulse-pill.webp"},{"slug":"reflowing-notification-stack","title":"Reflowing Notification Stack","description":"A stack of notification cards that reflows smoothly when a new one is added or an old one is dismissed, instead of jumping.","category":"data-display","tags":["notifications","stack","flip animation","reflow","activity feed"],"frame":"card","theme":"dark","plate":2412,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/reflowing-notification-stack.webp","controls":4,"verified":true,"security":"clean","slop":40,"url":"https://fieldbook.lizardi.mx/components/reflowing-notification-stack"},{"plate":1801,"slug":"refracted-glass-player","title":"Refracted glass player","category":"cards","url":"https://fieldbook.lizardi.mx/components/refracted-glass-player","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/refracted-glass-player.webp"},{"slug":"refractive-glass-panel","title":"Refractive Glass Panel","description":"A rounded panel whose backdrop bends and splits into faint red, green and blue fringes near its edge, like looking through a real pane of thick glass.","category":"backgrounds","tags":["glass-panel","refraction","chromatic-aberration","surface","displacement","svg-filter"],"frame":"card","theme":"either","plate":2024,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/refractive-glass-panel.webp","controls":4,"verified":true,"security":"clean","slop":40,"url":"https://fieldbook.lizardi.mx/components/refractive-glass-panel"},{"slug":"refresh-sweep-spin-button","title":"Refresh sweep spin","description":"A refresh button whose darker icon panel sweeps across the face on hover while the arrow makes exactly one turn, then keeps spinning through a busy run before easing back to rest.","category":"buttons","tags":["refresh","reload","spin","sweep","busy","sync"],"frame":"inline","theme":"either","plate":2499,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/refresh-sweep-spin-button.webp","controls":5,"verified":true,"security":"clean","slop":0,"url":"https://fieldbook.lizardi.mx/components/refresh-sweep-spin-button"},{"plate":2101,"slug":"region-heat-map","title":"Region heat map","category":"charts","url":"https://fieldbook.lizardi.mx/components/region-heat-map","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/region-heat-map.webp"},{"slug":"relay-fill-button","title":"Relay fill button","description":"A half-rounded button that fills on hover through a relay of two racing bars which climb to full height before the label changes colour.","category":"buttons","tags":["button","hover","fill","relay","staggered","sweep","asymmetric radius"],"frame":"inline","theme":"either","plate":2652,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/relay-fill-button.webp","controls":5,"verified":true,"security":"clean","slop":0,"url":"https://fieldbook.lizardi.mx/components/relay-fill-button"},{"slug":"release-notification-form","title":"Release notification form","description":"A release notification form validates an email and records a local preference for release summaries or major updates.","category":"forms","tags":["workflow","customer","interactive","controlled-state"],"frame":"wide","theme":"dark","plate":2887,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/release-notification-form.webp","controls":3,"verified":true,"security":"clean","slop":26,"url":"https://fieldbook.lizardi.mx/components/release-notification-form"},{"slug":"release-readiness-workspace","title":"Release readiness workspace","description":"Review release checks, track remaining work, and prepare a local handoff summary.","category":"pages","tags":["template","workspace","checklist","release","operations"],"frame":"full","theme":"dark","plate":2843,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/release-readiness-workspace.webp","controls":1,"verified":true,"security":"clean","slop":10,"url":"https://fieldbook.lizardi.mx/components/release-readiness-workspace"},{"plate":2495,"slug":"repeat-mode-cycler","title":"Repeat mode cycler","category":"buttons","url":"https://fieldbook.lizardi.mx/components/repeat-mode-cycler","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/repeat-mode-cycler.webp"},{"plate":1802,"slug":"repelling-dot-field-card","title":"Repelling dot field card","category":"cards","url":"https://fieldbook.lizardi.mx/components/repelling-dot-field-card","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/repelling-dot-field-card.webp"},{"plate":2888,"slug":"reply-composer-with-macros","title":"Reply composer with macros","category":"blocks","url":"https://fieldbook.lizardi.mx/components/reply-composer-with-macros","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/reply-composer-with-macros.webp"},{"plate":2214,"slug":"resizing-hint-tooltip","title":"Resizing hint tooltip","category":"overlays","url":"https://fieldbook.lizardi.mx/components/resizing-hint-tooltip","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/resizing-hint-tooltip.webp"},{"slug":"resonant-sand-plate","title":"Resonant sand plate","description":"Fine sand on a vibrating steel plate hops off the shaking areas and settles along the still lines, redrawing a new figure each time the tone changes.","category":"animation","tags":["animation","physics","particles","sand","sound","cymatics","canvas","generative","interactive"],"frame":"card","theme":"dark","plate":2916,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/resonant-sand-plate.webp","controls":6,"verified":true,"security":"clean","slop":0,"url":"https://fieldbook.lizardi.mx/components/resonant-sand-plate"},{"plate":2889,"slug":"retry-recovery-panel","title":"Retry recovery panel","category":"blocks","url":"https://fieldbook.lizardi.mx/components/retry-recovery-panel","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/retry-recovery-panel.webp"},{"slug":"return-to-top-chip","title":"Return to top chip","description":"A small corner chip that slides into view once its panel scrolls past a threshold, lifts under the pointer, and glides the panel back to the top on click.","category":"buttons","tags":["button","scroll-to-top","chip","corner","reveal","navigation"],"frame":"card","theme":"dark","plate":2505,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/return-to-top-chip.webp","controls":5,"verified":true,"security":"clean","slop":18,"url":"https://fieldbook.lizardi.mx/components/return-to-top-chip"},{"plate":1905,"slug":"revenue-area-stat-card","title":"Revenue Area Card","category":"charts","url":"https://fieldbook.lizardi.mx/components/revenue-area-stat-card","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/revenue-area-stat-card.webp"},{"slug":"reversing-bars-menu-button","title":"Reversing bars menu button","description":"A small square menu tile whose three stacked bars trade widths on hover while the tile itself cross fades from one fill color to another.","category":"buttons","tags":["button","menu","bars","hover","tile","toggle"],"frame":"inline","theme":"either","plate":2413,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/reversing-bars-menu-button.webp","controls":5,"verified":true,"security":"clean","slop":10,"url":"https://fieldbook.lizardi.mx/components/reversing-bars-menu-button"},{"slug":"rgb-glitch-heading","title":"RGB glitch heading","description":"A heading that splits into red and cyan offset copies clipped to jumping horizontal bands, flickering like a broadcast signal losing sync.","category":"text-effects","tags":["glitch","rgb split","text effect","broadcast","heading"],"frame":"inline","theme":"dark","plate":2810,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/rgb-glitch-heading.webp","controls":4,"verified":true,"security":"clean","slop":0,"url":"https://fieldbook.lizardi.mx/components/rgb-glitch-heading"},{"plate":1739,"slug":"ribbon-light-streams","title":"Ribbon light streams","category":"backgrounds","url":"https://fieldbook.lizardi.mx/components/ribbon-light-streams","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/ribbon-light-streams.webp"},{"plate":1803,"slug":"ribbon-trail-flow","title":"Ribbon trail flow","category":"cursor","url":"https://fieldbook.lizardi.mx/components/ribbon-trail-flow","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/ribbon-trail-flow.webp"},{"plate":2283,"slug":"right-click-context-menu","title":"Right click context menu","category":"overlays","url":"https://fieldbook.lizardi.mx/components/right-click-context-menu","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/right-click-context-menu.webp"},{"plate":2414,"slug":"right-click-menu","title":"Right Click Menu","category":"navigation","url":"https://fieldbook.lizardi.mx/components/right-click-menu","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/right-click-menu.webp"},{"plate":2691,"slug":"rim-ramp-button","title":"Rim ramp button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/rim-ramp-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/rim-ramp-button.webp"},{"slug":"rim-to-fill-gradient-button","title":"Rim to fill gradient button","description":"A dark button shows only a thin gradient rim at rest; hovering drops the inner panel so the gradient floods the whole face, and pressing squeezes it down.","category":"buttons","tags":["button","gradient","rim","flood","hover","cta","dark"],"frame":"inline","theme":"dark","plate":2635,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/rim-to-fill-gradient-button.webp","controls":6,"verified":true,"security":"clean","slop":22,"url":"https://fieldbook.lizardi.mx/components/rim-to-fill-gradient-button"},{"plate":2722,"slug":"ring-halo-button","title":"Ring halo button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/ring-halo-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/ring-halo-button.webp"},{"plate":2521,"slug":"ring-halo-pill-button","title":"Ring halo pill button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/ring-halo-pill-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/ring-halo-pill-button.webp"},{"slug":"ringing-bell-badge","title":"Ringing bell badge","description":"A notification bell button drawn from plain shapes that swings both ways with a small scale kick and carries a live unread count.","category":"buttons","tags":["button","bell","notification","badge","count","swing"],"frame":"inline","theme":"either","plate":1740,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/ringing-bell-badge.webp","controls":4,"verified":true,"security":"clean","slop":0,"url":"https://fieldbook.lizardi.mx/components/ringing-bell-badge"},{"plate":2746,"slug":"ripple-lens-surface","title":"Ripple lens","category":"media","url":"https://fieldbook.lizardi.mx/components/ripple-lens-surface","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/ripple-lens-surface.webp"},{"plate":2415,"slug":"ripple-origin-grid","title":"Ripple Origin Grid","category":"layout","url":"https://fieldbook.lizardi.mx/components/ripple-origin-grid","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/ripple-origin-grid.webp"},{"slug":"ripple-tap-button","title":"Ripple tap button","description":"A solid button that sends a circle outward from the exact point you pressed, clipped to its rounded shape.","category":"buttons","tags":["button","ripple","press","tap","feedback","wave"],"frame":"inline","theme":"either","plate":1628,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/ripple-tap-button.webp","controls":5,"verified":true,"security":"clean","slop":0,"url":"https://fieldbook.lizardi.mx/components/ripple-tap-button"},{"plate":2416,"slug":"rising-arrow-link-button","title":"Rising arrow link button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/rising-arrow-link-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/rising-arrow-link-button.webp"},{"plate":2723,"slug":"rising-circle-fill-button","title":"Rising Circle Fill","category":"buttons","url":"https://fieldbook.lizardi.mx/components/rising-circle-fill-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/rising-circle-fill-button.webp"},{"slug":"rising-disc-icon-row","title":"Rising disc icon row","description":"A row of ringed icon buttons where hovering lifts a filled disc up out from behind its ring, leaving the glyph darkened inside the empty outline.","category":"buttons","tags":["buttons","row","icon","ring","lift","disc","hover"],"frame":"inline","theme":"either","plate":2417,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/rising-disc-icon-row.webp","controls":5,"verified":true,"security":"clean","slop":24,"url":"https://fieldbook.lizardi.mx/components/rising-disc-icon-row"},{"plate":1741,"slug":"rising-fill-badge-button","title":"Rising Fill Badge","category":"buttons","url":"https://fieldbook.lizardi.mx/components/rising-fill-badge-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/rising-fill-badge-button.webp"},{"plate":1879,"slug":"rising-fill-button","title":"Rising Fill Button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/rising-fill-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/rising-fill-button.webp"},{"plate":2554,"slug":"rising-tooltip-icon-button","title":"Rising tooltip icon button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/rising-tooltip-icon-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/rising-tooltip-icon-button.webp"},{"slug":"rocking-archive-tint-pill","title":"Rocking archive tint pill","description":"A tinted pill button whose folder glyph rocks side to side on hover or keyboard focus and settles level while pressed.","category":"buttons","tags":["button","pill","archive","folder","tint","rock","low-emphasis"],"frame":"inline","theme":"either","plate":2496,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/rocking-archive-tint-pill.webp","controls":5,"verified":true,"security":"clean","slop":0,"url":"https://fieldbook.lizardi.mx/components/rocking-archive-tint-pill"},{"slug":"rocking-icon-cta","title":"Rocking icon CTA","description":"A solid accent pill whose leading calendar icon rocks like a metronome on hover and, when clicked, draws a tick and swaps the wording to a confirmed label before settling back.","category":"buttons","tags":["button","cta","icon","hover","confirm","calendar","pill"],"frame":"inline","theme":"either","plate":2485,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/rocking-icon-cta.webp","controls":5,"verified":true,"security":"clean","slop":0,"url":"https://fieldbook.lizardi.mx/components/rocking-icon-cta"},{"plate":2215,"slug":"rolling-cube-label-button","title":"Rolling cube label button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/rolling-cube-label-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/rolling-cube-label-button.webp"},{"slug":"rolling-stat-tiles","title":"Rolling stat tiles","description":"A row of stat tiles whose big numbers roll digit by digit to a new value instead of snapping.","category":"data-display","tags":["stat tile","animated number","odometer","counter","kpi","digit roll"],"frame":"card","theme":"dark","plate":2216,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/rolling-stat-tiles.webp","controls":3,"verified":true,"security":"clean","slop":18,"url":"https://fieldbook.lizardi.mx/components/rolling-stat-tiles"},{"slug":"rotating-backer-glow-button","title":"Rotating backer button","description":"A dark plate with a tinted panel hidden just behind it that spins a half turn on hover while the light spilling past its edges spreads wider.","category":"buttons","tags":["button","backer","rotate","spill","spring","plate","hover"],"frame":"inline","theme":"dark","plate":2025,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/rotating-backer-glow-button.webp","controls":5,"verified":true,"security":"clean","slop":14,"url":"https://fieldbook.lizardi.mx/components/rotating-backer-glow-button"},{"plate":2217,"slug":"rotating-badge-text","title":"Rotating badge text","category":"text-effects","url":"https://fieldbook.lizardi.mx/components/rotating-badge-text","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/rotating-badge-text.webp"},{"plate":2547,"slug":"rotating-beam-rim-button","title":"Rotating beam rim button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/rotating-beam-rim-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/rotating-beam-rim-button.webp"},{"slug":"rotating-face-plate-button","title":"Rotating face plate","description":"A button whose labelled dark plate turns a corner and grows when engaged, exposing the accent slab underneath as four triangles, then shrinks and swaps colors with it while pressed.","category":"buttons","tags":["button","rotate","layered plates","scale","invert","small"],"frame":"inline","theme":"either","plate":1742,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/rotating-face-plate-button.webp","controls":5,"verified":true,"security":"clean","slop":0,"url":"https://fieldbook.lizardi.mx/components/rotating-face-plate-button"},{"slug":"rotating-sky-explore-button","title":"Rotating sky explore button","description":"A button whose fill is a huge swept disc parked below it; hovering rotates the disc into frame like a turning night sky while tiny stars drift down at staggered heights.","category":"buttons","tags":["button","sweep","rotation","stars","night","explore","hover"],"frame":"inline","theme":"dark","plate":2532,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/rotating-sky-explore-button.webp","controls":6,"verified":true,"security":"clean","slop":24,"url":"https://fieldbook.lizardi.mx/components/rotating-sky-explore-button"},{"plate":2819,"slug":"rotating-word-swap","title":"Rotating Word Swap","category":"text-effects","url":"https://fieldbook.lizardi.mx/components/rotating-word-swap","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/rotating-word-swap.webp"},{"plate":2777,"slug":"round-lift-action-button","title":"Round lift action button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/round-lift-action-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/round-lift-action-button.webp"},{"plate":2275,"slug":"rounded-bar-chart","title":"Rounded bar chart","category":"charts","url":"https://fieldbook.lizardi.mx/components/rounded-bar-chart","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/rounded-bar-chart.webp"},{"plate":2026,"slug":"roving-focus-tabs","title":"Roving focus tabs","category":"navigation","url":"https://fieldbook.lizardi.mx/components/roving-focus-tabs","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/roving-focus-tabs.webp"},{"plate":2218,"slug":"rubber-sheet-panel","title":"Rubber sheet panel","category":"animation","url":"https://fieldbook.lizardi.mx/components/rubber-sheet-panel","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/rubber-sheet-panel.webp"},{"plate":2890,"slug":"run-history-table","title":"Run history table","category":"blocks","url":"https://fieldbook.lizardi.mx/components/run-history-table","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/run-history-table.webp"},{"slug":"run-step-timeline","title":"Run step timeline","description":"Expand a run step to inspect its duration, evidence, and completion state.","category":"blocks","tags":["agent","workspace","run","interactive"],"frame":"wide","theme":"dark","plate":2891,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/run-step-timeline.webp","controls":3,"verified":true,"security":"clean","slop":8,"url":"https://fieldbook.lizardi.mx/components/run-step-timeline"},{"plate":2892,"slug":"saved-view-data-grid","title":"Saved view data grid","category":"blocks","url":"https://fieldbook.lizardi.mx/components/saved-view-data-grid","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/saved-view-data-grid.webp"},{"plate":1743,"slug":"scale-in-on-view","title":"Scale in on view","category":"animation","url":"https://fieldbook.lizardi.mx/components/scale-in-on-view","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/scale-in-on-view.webp"},{"slug":"scaling-dot-carousel","title":"Scaling dot carousel","description":"A slide carousel whose active card sits at full scale while its neighbors shrink slightly, paired with dot indicators that widen into labeled pills.","category":"navigation","tags":["carousel","slider","dots","gallery","drag"],"frame":"wide","theme":"dark","plate":2027,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/scaling-dot-carousel.webp","controls":3,"verified":true,"security":"clean","slop":26,"url":"https://fieldbook.lizardi.mx/components/scaling-dot-carousel"},{"plate":2571,"slug":"scanline-sweep-button","title":"Scanline sweep button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/scanline-sweep-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/scanline-sweep-button.webp"},{"slug":"scanning-wire-grid","title":"Scanning wire grid","description":"A fine wire grid in perspective tilts with the pointer while a bright band sweeps across it on a loop, lighting every line it crosses.","category":"backgrounds","tags":["grid","scan","wireframe","sweep","canvas","perspective"],"frame":"full","theme":"dark","plate":1744,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/scanning-wire-grid.webp","controls":6,"verified":true,"security":"clean","slop":0,"url":"https://fieldbook.lizardi.mx/components/scanning-wire-grid"},{"plate":2219,"slug":"scattering-glyph-pill","title":"Scattering glyph pill","category":"buttons","url":"https://fieldbook.lizardi.mx/components/scattering-glyph-pill","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/scattering-glyph-pill.webp"},{"plate":2653,"slug":"scene-reveal-button","title":"Scene reveal button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/scene-reveal-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/scene-reveal-button.webp"},{"plate":1539,"slug":"scramble-text","title":"Scramble text","category":"text-effects","url":"https://fieldbook.lizardi.mx/components/scramble-text","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/scramble-text.webp"},{"slug":"scribble-edit-chip","title":"Scribble Edit Chip","description":"An edit chip whose pencil skates a short scribble back and forth on hover while a wobbly underline draws itself beneath the label, and clicking pins it as the active edit target.","category":"buttons","tags":["button","chip","edit","pencil","scribble","underline","hover"],"frame":"inline","theme":"either","plate":2468,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/scribble-edit-chip.webp","controls":4,"verified":true,"security":"clean","slop":0,"url":"https://fieldbook.lizardi.mx/components/scribble-edit-chip"},{"slug":"scribble-strike-checklist","title":"Scribble strike checklist","description":"A task list where checking a row draws a wobbling hand-drawn line across the label, and unchecking retracts it.","category":"forms","tags":["checklist","checkbox","tasks","strikethrough","todo","handdrawn","toggle"],"frame":"card","theme":"either","plate":2028,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/scribble-strike-checklist.webp","controls":4,"verified":true,"security":"clean","slop":0,"url":"https://fieldbook.lizardi.mx/components/scribble-strike-checklist"},{"plate":2418,"slug":"scroll-blur-reveal-text","title":"Scroll blur reveal text","category":"text-effects","url":"https://fieldbook.lizardi.mx/components/scroll-blur-reveal-text","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/scroll-blur-reveal-text.webp"},{"plate":2506,"slug":"scroll-cue-button","title":"Scroll cue button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/scroll-cue-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/scroll-cue-button.webp"},{"slug":"scroll-cue-pill","title":"Scroll cue pill","description":"A tall capsule holding a long thin arrow that drifts on a loop, grows under the pointer and collapses once used.","category":"buttons","tags":["button","scroll","cue","arrow","capsule","hint","collapse"],"frame":"inline","theme":"either","plate":2584,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/scroll-cue-pill.webp","controls":5,"verified":true,"security":"clean","slop":0,"url":"https://fieldbook.lizardi.mx/components/scroll-cue-pill"},{"plate":2838,"slug":"scroll-dim-text-reveal","title":"Scroll dim text reveal","category":"scroll","url":"https://fieldbook.lizardi.mx/components/scroll-dim-text-reveal","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/scroll-dim-text-reveal.webp"},{"plate":1880,"slug":"scroll-entrance-wrapper","title":"Scroll entrance wrapper","category":"scroll","url":"https://fieldbook.lizardi.mx/components/scroll-entrance-wrapper","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/scroll-entrance-wrapper.webp"},{"plate":1881,"slug":"scroll-expand-stage","title":"Scroll expand stage","category":"scroll","url":"https://fieldbook.lizardi.mx/components/scroll-expand-stage","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/scroll-expand-stage.webp"},{"slug":"scroll-float-reveal","title":"Scroll float reveal","description":"Heading characters float up from below and settle into shape as their section scrolls through the viewport, scrubbed directly to scroll position.","category":"text-effects","tags":["scroll","float","reveal","heading","typography","scrub"],"frame":"wide","theme":"either","plate":2820,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/scroll-float-reveal.webp","controls":3,"verified":true,"security":"clean","slop":8,"url":"https://fieldbook.lizardi.mx/components/scroll-float-reveal"},{"plate":1882,"slug":"scroll-focus-column","title":"Scroll focus column","category":"scroll","url":"https://fieldbook.lizardi.mx/components/scroll-focus-column","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/scroll-focus-column.webp"},{"plate":2821,"slug":"scroll-focus-reveal","title":"Scroll focus reveal","category":"text-effects","url":"https://fieldbook.lizardi.mx/components/scroll-focus-reveal","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/scroll-focus-reveal.webp"},{"plate":2555,"slug":"scroll-hint-mouse-button","title":"Scroll hint button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/scroll-hint-mouse-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/scroll-hint-mouse-button.webp"},{"slug":"scroll-position-progress-bar","title":"Scroll Position Progress Bar","description":"A thin bar that grows across a container's width as the user scrolls it from start to end.","category":"feedback","tags":["scroll progress","reading progress","spring bar","scroll indicator"],"frame":"wide","theme":"dark","plate":2029,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/scroll-position-progress-bar.webp","controls":4,"verified":true,"security":"clean","slop":10,"url":"https://fieldbook.lizardi.mx/components/scroll-position-progress-bar"},{"plate":2839,"slug":"scroll-progress-rail","title":"Scroll progress rail","category":"scroll","url":"https://fieldbook.lizardi.mx/components/scroll-progress-rail","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/scroll-progress-rail.webp"},{"slug":"scroll-progress-text-reveal","title":"Scroll Progress Text Reveal","description":"A long sentence sits pinned on screen while the page scrolls past it, and each word individually brightens from dim to fully lit as the scroll position reaches its turn.","category":"text-effects","tags":["scroll","reveal","fade","sticky","narrative"],"frame":"full","theme":"dark","plate":2220,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/scroll-progress-text-reveal.webp","controls":3,"verified":true,"security":"clean","slop":18,"url":"https://fieldbook.lizardi.mx/components/scroll-progress-text-reveal"},{"slug":"scroll-snap-word-list","title":"Scroll snap word list","description":"A tall list of words scrolls inside a fixed window and the word crossing the center band lights up with a spring pop while the rest stay dim and tilted.","category":"scroll","tags":["scroll list","word carousel","intersection","vertical scroll","active item"],"frame":"card","theme":"either","plate":2840,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/scroll-snap-word-list.webp","controls":3,"verified":true,"security":"clean","slop":0,"url":"https://fieldbook.lizardi.mx/components/scroll-snap-word-list"},{"plate":2419,"slug":"scrollable-modal-dialog","title":"Scrollable modal dialog","category":"overlays","url":"https://fieldbook.lizardi.mx/components/scrollable-modal-dialog","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/scrollable-modal-dialog.webp"},{"slug":"scrolling-content-strip","title":"Scrolling content strip","description":"A horizontal strip of small cards drifts sideways in an unbroken loop, pausing in place the moment a pointer rests over any card in it.","category":"text-effects","tags":["marquee","scrolling row","loop","carousel","ticker","logos"],"frame":"wide","theme":"either","plate":2221,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/scrolling-content-strip.webp","controls":5,"verified":true,"security":"clean","slop":22,"url":"https://fieldbook.lizardi.mx/components/scrolling-content-strip"},{"plate":2222,"slug":"scrolling-tile-lattice","title":"Scrolling tile lattice","category":"backgrounds","url":"https://fieldbook.lizardi.mx/components/scrolling-tile-lattice","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/scrolling-tile-lattice.webp"},{"slug":"scrub-number-input","title":"Scrub Number Input","description":"A number field with increment and decrement buttons plus a draggable label that scrubs the value up or down as you drag it sideways.","category":"forms","tags":["number","input","stepper","drag","scrub"],"frame":"inline","theme":"either","plate":2030,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/scrub-number-input.webp","controls":5,"verified":true,"security":"clean","slop":10,"url":"https://fieldbook.lizardi.mx/components/scrub-number-input"},{"plate":2102,"slug":"scrubbing-tooltip-chart","title":"Scrubbing tooltip chart","category":"charts","url":"https://fieldbook.lizardi.mx/components/scrubbing-tooltip-chart","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/scrubbing-tooltip-chart.webp"},{"plate":2615,"slug":"sealing-frame-button","title":"Sealing frame button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/sealing-frame-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/sealing-frame-button.webp"},{"slug":"seamless-share-pie","title":"Seamless share pie","description":"A solid pie with its slices fused edge to edge and no gap or stroke between them, so hovering is the only thing that reveals where one share ends and the next begins.","category":"charts","tags":["pie","chart","seamless","share","proportion","svg","analytics"],"frame":"card","theme":"either","plate":2420,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/seamless-share-pie.webp","controls":5,"verified":true,"security":"clean","slop":18,"url":"https://fieldbook.lizardi.mx/components/seamless-share-pie"},{"plate":2778,"slug":"search-composer-field","title":"Search Composer Field","category":"inputs","url":"https://fieldbook.lizardi.mx/components/search-composer-field","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/search-composer-field.webp"},{"plate":2421,"slug":"searchable-select","title":"Searchable Select","category":"inputs","url":"https://fieldbook.lizardi.mx/components/searchable-select","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/searchable-select.webp"},{"plate":2223,"slug":"seasonal-range-picker","title":"Seasonal Range Picker","category":"inputs","url":"https://fieldbook.lizardi.mx/components/seasonal-range-picker","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/seasonal-range-picker.webp"},{"plate":2893,"slug":"seat-management-table","title":"Seat management table","category":"data-display","url":"https://fieldbook.lizardi.mx/components/seat-management-table","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/seat-management-table.webp"},{"slug":"segment-fade-spinner","title":"Segment Fade Spinner","description":"A loading indicator of eight radial segments that fade in and out in sequence so a bright arc appears to chase itself around the ring.","category":"feedback","tags":["spinner","loading","radial","chase","activity","status"],"frame":"inline","theme":"either","plate":2224,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/segment-fade-spinner.webp","controls":3,"verified":true,"security":"clean","slop":0,"url":"https://fieldbook.lizardi.mx/components/segment-fade-spinner"},{"plate":2031,"slug":"segment-spring-lab","title":"Segment Spring Lab","category":"inputs","url":"https://fieldbook.lizardi.mx/components/segment-spring-lab","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/segment-spring-lab.webp"},{"plate":2811,"slug":"segmented-choice-bar","title":"Segmented choice bar","category":"inputs","url":"https://fieldbook.lizardi.mx/components/segmented-choice-bar","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/segmented-choice-bar.webp"},{"plate":2422,"slug":"segmented-choice-switch","title":"Segmented Choice Switch","category":"navigation","url":"https://fieldbook.lizardi.mx/components/segmented-choice-switch","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/segmented-choice-switch.webp"},{"plate":2032,"slug":"segmented-progress-meter","title":"Segmented progress meter","category":"feedback","url":"https://fieldbook.lizardi.mx/components/segmented-progress-meter","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/segmented-progress-meter.webp"},{"plate":2225,"slug":"segmented-toggle-row","title":"Segmented Toggle Row","category":"buttons","url":"https://fieldbook.lizardi.mx/components/segmented-toggle-row","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/segmented-toggle-row.webp"},{"slug":"segmented-toggle-tabs","title":"Segmented toggle tabs","description":"A compact pill-shaped segmented control for switching between a small number of short options, with a filled block sliding to whichever segment is selected.","category":"navigation","tags":["segmented control","toggle group","pill switch"],"frame":"inline","theme":"either","plate":2226,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/segmented-toggle-tabs.webp","controls":3,"verified":true,"security":"clean","slop":0,"url":"https://fieldbook.lizardi.mx/components/segmented-toggle-tabs"},{"plate":2801,"slug":"select-menu-compact","title":"Compact select menu","category":"inputs","url":"https://fieldbook.lizardi.mx/components/select-menu-compact","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/select-menu-compact.webp"},{"slug":"send-flight-button","title":"Send flight button","description":"A brushed light button that plays a short send sequence: the paper glyph flies off, a sending label counts its dots, then a check drops in.","category":"buttons","tags":["button","send","sequence","progress","confirm","metallic"],"frame":"inline","theme":"light","plate":2724,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/send-flight-button.webp","controls":5,"verified":true,"security":"clean","slop":22,"url":"https://fieldbook.lizardi.mx/components/send-flight-button"},{"plate":2779,"slug":"send-flyaway-bezel-button","title":"Send flyaway bezel","category":"buttons","url":"https://fieldbook.lizardi.mx/components/send-flyaway-bezel-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/send-flyaway-bezel-button.webp"},{"slug":"sequential-terminal-log","title":"Sequential terminal log","description":"A terminal window that replays a scripted session once it scrolls into view, typing commands and fading in status lines one after another.","category":"media","tags":["terminal","typing animation","cli replay","log"],"frame":"card","theme":"dark","plate":2423,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/sequential-terminal-log.webp","controls":3,"verified":true,"security":"clean","slop":29,"url":"https://fieldbook.lizardi.mx/components/sequential-terminal-log"},{"slug":"series-icon-area-chart","title":"Series icon area chart","description":"A stacked area chart whose legend gives every series a small drawn direction glyph beside its swatch, and lets you mute a band by clicking it.","category":"charts","tags":["chart","area","legend","glyph","stacked","toggle","analytics"],"frame":"wide","theme":"either","plate":1906,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/series-icon-area-chart.webp","controls":5,"verified":true,"security":"clean","slop":40,"url":"https://fieldbook.lizardi.mx/components/series-icon-area-chart"},{"plate":1883,"slug":"series-legend-list","title":"Series Legend List","category":"charts","url":"https://fieldbook.lizardi.mx/components/series-legend-list","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/series-legend-list.webp"},{"slug":"series-switch-trend","title":"Series Switch Trend","description":"A ninety-day trend line with two total tiles in the header; picking a tile morphs the line to that series and tweens the stroke to its accent.","category":"charts","tags":["chart","line","trend","toggle","dashboard"],"frame":"wide","theme":"either","plate":2292,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/series-switch-trend.webp","controls":5,"verified":true,"security":"clean","slop":18,"url":"https://fieldbook.lizardi.mx/components/series-switch-trend"},{"slug":"service-status-overview","title":"Service status overview","description":"A service health view filters regions, reveals incident context and records a local monitoring acknowledgement.","category":"blocks","tags":["workflow","customer","interactive","controlled-state"],"frame":"full","theme":"dark","plate":2844,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/service-status-overview.webp","controls":3,"verified":true,"security":"clean","slop":26,"url":"https://fieldbook.lizardi.mx/components/service-status-overview"},{"slug":"sessions-line-stat-card","title":"Sessions Line Card","description":"A seven day session card where the reading sits inside the plot, anchored bottom right, and a highlight dot rides the spline as you scrub.","category":"charts","tags":["metric","sparkline","line chart","sessions","kpi","scrub","card","trend"],"frame":"card","theme":"either","plate":1884,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/sessions-line-stat-card.webp","controls":5,"verified":true,"security":"clean","slop":10,"url":"https://fieldbook.lizardi.mx/components/sessions-line-stat-card"},{"plate":2033,"slug":"settings-checklist-rows","title":"Preference checklist","category":"inputs","url":"https://fieldbook.lizardi.mx/components/settings-checklist-rows","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/settings-checklist-rows.webp"},{"plate":2034,"slug":"settings-group-accordion","title":"Settings Group Accordion","category":"data-display","url":"https://fieldbook.lizardi.mx/components/settings-group-accordion","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/settings-group-accordion.webp"},{"plate":2802,"slug":"settings-toggle-switch","title":"Settings toggle switch","category":"inputs","url":"https://fieldbook.lizardi.mx/components/settings-toggle-switch","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/settings-toggle-switch.webp"},{"plate":1885,"slug":"settling-add-pill","title":"Settling Add Pill","category":"buttons","url":"https://fieldbook.lizardi.mx/components/settling-add-pill","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/settling-add-pill.webp"},{"slug":"settling-photo-masonry","title":"Settling photo masonry","description":"A masonry grid of variable-height photo tiles that fly in from off screen and settle into their packed columns, blurring into focus as they land.","category":"layout","tags":["masonry","photo-grid","entrance-animation","responsive-columns","layout"],"frame":"wide","theme":"dark","plate":2424,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/settling-photo-masonry.webp","controls":4,"verified":true,"security":"clean","slop":30,"url":"https://fieldbook.lizardi.mx/components/settling-photo-masonry"},{"slug":"settling-shadow-button","title":"Settling shadow button","description":"A warm gradient pill that floats above a large accent tinted shadow and lands on hover as the shadow disappears.","category":"buttons","tags":["button","shadow","hover","gradient","pill"],"frame":"inline","theme":"either","plate":2592,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/settling-shadow-button.webp","controls":5,"verified":true,"security":"clean","slop":14,"url":"https://fieldbook.lizardi.mx/components/settling-shadow-button"},{"plate":2227,"slug":"shape-toggle-morph-icon","title":"Shape toggle morph icon","category":"animation","url":"https://fieldbook.lizardi.mx/components/shape-toggle-morph-icon","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/shape-toggle-morph-icon.webp"},{"slug":"shape-wipe-theme-toggle","title":"Shape wipe theme toggle","description":"A sun and moon icon button that switches the panel theme with a shape wipe that grows from the button, swaps the colors at full cover, then shrinks away.","category":"inputs","tags":["theme toggle","dark mode","wipe","reveal","icon button"],"frame":"inline","theme":"either","plate":2780,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/shape-wipe-theme-toggle.webp","controls":4,"verified":true,"security":"clean","slop":8,"url":"https://fieldbook.lizardi.mx/components/shape-wipe-theme-toggle"},{"plate":1649,"slug":"share-fan-button","title":"Share fan button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/share-fan-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/share-fan-button.webp"},{"slug":"share-row-lift-button","title":"Share row lift","description":"A share pill that lifts a matching pill of destination icons up out of itself on hover and drops it back the moment attention leaves.","category":"buttons","tags":["share","reveal","row","lift","hover","destinations","pill"],"frame":"card","theme":"either","plate":2559,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/share-row-lift-button.webp","controls":5,"verified":true,"security":"clean","slop":0,"url":"https://fieldbook.lizardi.mx/components/share-row-lift-button"},{"plate":1650,"slug":"share-target-swap-button","title":"Share target swap button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/share-target-swap-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/share-target-swap-button.webp"},{"slug":"share-tile-row","title":"Share tile row","description":"A short row of square share tiles that each scale up and flood with their own colour, flipping the glyph to the plate tone, when engaged.","category":"buttons","tags":["share row","icon tiles","colour swap","scale","social"],"frame":"inline","theme":"either","plate":1804,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/share-tile-row.webp","controls":5,"verified":true,"security":"clean","slop":6,"url":"https://fieldbook.lizardi.mx/components/share-tile-row"},{"slug":"share-toggle-chip","title":"Share toggle chip","description":"A recessed chip that flips from an invitation to a confirmed state on click, its glyph popping past full size before settling.","category":"buttons","tags":["share","toggle","chip","confirm","button","pop"],"frame":"inline","theme":"dark","plate":2035,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/share-toggle-chip.webp","controls":5,"verified":true,"security":"clean","slop":10,"url":"https://fieldbook.lizardi.mx/components/share-toggle-chip"},{"plate":2425,"slug":"shared-button-to-dialog","title":"Button-to-dialog morph","category":"overlays","url":"https://fieldbook.lizardi.mx/components/shared-button-to-dialog","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/shared-button-to-dialog.webp"},{"plate":2426,"slug":"shared-element-lightbox","title":"Shared-Element Lightbox","category":"overlays","url":"https://fieldbook.lizardi.mx/components/shared-element-lightbox","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/shared-element-lightbox.webp"},{"plate":2427,"slug":"shared-layout-card-expand","title":"Shared layout card expand","category":"overlays","url":"https://fieldbook.lizardi.mx/components/shared-layout-card-expand","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/shared-layout-card-expand.webp"},{"slug":"shared-layout-tab-switch","title":"Shared-Layout Tab Switch","description":"A row of plain text tabs where a solid pill background slides and resizes to match whichever tab is selected, using spring-driven shared-layout motion.","category":"navigation","tags":["tab bar","shared layout animation","sliding pill","segmented control"],"frame":"inline","theme":"dark","plate":2428,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/shared-layout-tab-switch.webp","controls":3,"verified":true,"security":"clean","slop":22,"url":"https://fieldbook.lizardi.mx/components/shared-layout-tab-switch"},{"plate":2702,"slug":"sheen-scale-button","title":"Sheen scale button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/sheen-scale-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/sheen-scale-button.webp"},{"slug":"sheen-sweep-card","title":"Sheen sweep card","description":"A card with a band of light parked off one corner that travels across the face on hover and slides back the moment the pointer leaves.","category":"cards","tags":["card","sheen","hover","highlight","sweep","gradient","shine"],"frame":"card","theme":"dark","plate":1886,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/sheen-sweep-card.webp","controls":5,"verified":true,"security":"clean","slop":14,"url":"https://fieldbook.lizardi.mx/components/sheen-sweep-card"},{"slug":"sheen-upload-button","title":"Sheen upload button","description":"A compact upload button with a top-lit face; pressing it sweeps a sheen across and nudges the cloud arrow upward, and a busy state loops the sheen until turned off.","category":"buttons","tags":["button","upload","sheen","gloss","press","icon"],"frame":"inline","theme":"either","plate":2616,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/sheen-upload-button.webp","controls":5,"verified":true,"security":"clean","slop":14,"url":"https://fieldbook.lizardi.mx/components/sheen-upload-button"},{"slug":"sheet-drawer","title":"Sheet drawer","description":"A slide-over panel that springs in from one edge over a dimmed backdrop, holds focus inside, and closes on Escape, the close button, or a pull on its header.","category":"overlays","tags":["drawer","sheet","dialog","panel","settings","overlay","drag"],"frame":"card","theme":"dark","plate":1540,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/sheet-drawer.webp","controls":2,"verified":true,"security":"clean","slop":24,"url":"https://fieldbook.lizardi.mx/components/sheet-drawer"},{"slug":"shifting-frame-button","title":"Shifting frame button","description":"A dark tracked button framed by a few pixels of a wide two-tone ramp that slides slowly so the visible frame keeps changing tone.","category":"buttons","tags":["button","frame","drift","ramp","ambient","tracked","uppercase"],"frame":"inline","theme":"dark","plate":2548,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/shifting-frame-button.webp","controls":5,"verified":true,"security":"clean","slop":22,"url":"https://fieldbook.lizardi.mx/components/shifting-frame-button"},{"plate":1745,"slug":"shifting-gradient-pill","title":"Shifting gradient pill","category":"buttons","url":"https://fieldbook.lizardi.mx/components/shifting-gradient-pill","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/shifting-gradient-pill.webp"},{"plate":2725,"slug":"shimmer-sweep-button","title":"Shimmer sweep button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/shimmer-sweep-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/shimmer-sweep-button.webp"},{"slug":"shimmer-sweep-text","title":"Shimmer sweep text","description":"A line of text where each letter brightens and dims in turn, sending a band of light travelling along the phrase on a loop.","category":"text-effects","tags":["shimmer","text","loop","letters","wave","ambient"],"frame":"card","theme":"dark","plate":2036,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/shimmer-sweep-text.webp","controls":5,"verified":true,"security":"clean","slop":0,"url":"https://fieldbook.lizardi.mx/components/shimmer-sweep-text"},{"plate":1746,"slug":"shockwave-dot-grid","title":"Shockwave dot grid","category":"backgrounds","url":"https://fieldbook.lizardi.mx/components/shockwave-dot-grid","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/shockwave-dot-grid.webp"},{"plate":1651,"slug":"shortcut-chip-button","title":"Shortcut chip button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/shortcut-chip-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/shortcut-chip-button.webp"},{"slug":"shortcut-key-chip","title":"Shortcut key chip","description":"Small pill-shaped chips representing individual keyboard keys, placed side by side to spell out a shortcut.","category":"data-display","tags":["keyboard","shortcut","kbd","hotkey","chip","hint"],"frame":"inline","theme":"either","plate":2228,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/shortcut-key-chip.webp","controls":4,"verified":true,"security":"clean","slop":8,"url":"https://fieldbook.lizardi.mx/components/shortcut-key-chip"},{"plate":2726,"slug":"shrink-emphasis-button","title":"Shrink and emphasize button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/shrink-emphasis-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/shrink-emphasis-button.webp"},{"plate":2671,"slug":"shrink-to-icon-button","title":"Shrink to icon button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/shrink-to-icon-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/shrink-to-icon-button.webp"},{"slug":"shrinking-cap-icon-buttons","title":"Shrinking cap icon row","description":"A row of round icon buttons whose fill hides behind a dark cap that collapses away on hover, uncovering the colour from the rim inward.","category":"buttons","tags":["button","icon","circle","reveal","hover","row"],"frame":"inline","theme":"dark","plate":2037,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/shrinking-cap-icon-buttons.webp","controls":5,"verified":true,"security":"clean","slop":0,"url":"https://fieldbook.lizardi.mx/components/shrinking-cap-icon-buttons"},{"plate":2747,"slug":"sign-in-card-with-photo","title":"Sign-in card with photo","category":"pages","url":"https://fieldbook.lizardi.mx/components/sign-in-card-with-photo","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/sign-in-card-with-photo.webp"},{"slug":"signal-jitter-heading","title":"Signal jitter heading","description":"A bold headline drawn in three tinted layers that jaggedly nudge apart and snap back together like a broken video signal.","category":"text-effects","tags":["glitch","rgb split","distortion","heading","signal"],"frame":"card","theme":"either","plate":2038,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/signal-jitter-heading.webp","controls":4,"verified":true,"security":"clean","slop":12,"url":"https://fieldbook.lizardi.mx/components/signal-jitter-heading"},{"plate":2229,"slug":"signal-sweep-bands","title":"Signal sweep bands","category":"backgrounds","url":"https://fieldbook.lizardi.mx/components/signal-sweep-bands","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/signal-sweep-bands.webp"},{"slug":"signed-value-bar-chart","title":"Signed value bar chart","description":"A monthly bar chart centered on a zero line, with bars rising in one colour and dropping in another depending on their sign.","category":"charts","tags":["chart","bar","negative","positive","signed","zero line","monthly"],"frame":"card","theme":"either","plate":2284,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/signed-value-bar-chart.webp","controls":4,"verified":true,"security":"clean","slop":26,"url":"https://fieldbook.lizardi.mx/components/signed-value-bar-chart"},{"slug":"signup-card-on-tint","title":"Signup card on tint","description":"A centered signup card on a tinted page background, pairing the password and confirm-password fields side by side under one shared helper line.","category":"pages","tags":["signup","form","card","tinted background","authentication","page"],"frame":"full","theme":"either","plate":2748,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/signup-card-on-tint.webp","controls":3,"verified":true,"security":"clean","slop":26,"url":"https://fieldbook.lizardi.mx/components/signup-card-on-tint"},{"plate":2749,"slug":"signup-card-with-photo","title":"Signup card with photo","category":"pages","url":"https://fieldbook.lizardi.mx/components/signup-card-with-photo","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/signup-card-with-photo.webp"},{"slug":"signup-page-with-social","title":"Signup page with social","description":"A card-free signup page collecting name, email and matching passwords above one outlined alternate provider button and a centered sign-in link.","category":"pages","tags":["signup","form","social","authentication","page","register"],"frame":"full","theme":"either","plate":2750,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/signup-page-with-social.webp","controls":3,"verified":true,"security":"clean","slop":2,"url":"https://fieldbook.lizardi.mx/components/signup-page-with-social"},{"plate":2751,"slug":"simple-centered-login","title":"Simple centered login","category":"pages","url":"https://fieldbook.lizardi.mx/components/simple-centered-login","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/simple-centered-login.webp"},{"slug":"simple-sign-in-card","title":"Simple sign-in card","description":"A centered sign-in page card with a labeled email field, a password field with a forgot-password link, a primary submit button and an outlined alternate provider button.","category":"pages","tags":["login","sign in","form","card","authentication","page"],"frame":"full","theme":"either","plate":2752,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/simple-sign-in-card.webp","controls":4,"verified":true,"security":"clean","slop":8,"url":"https://fieldbook.lizardi.mx/components/simple-sign-in-card"},{"plate":2230,"slug":"single-date-grid","title":"Single Date Grid","category":"inputs","url":"https://fieldbook.lizardi.mx/components/single-date-grid","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/single-date-grid.webp"},{"slug":"single-glyph-spinner","title":"Single glyph spinner","description":"A minimal ring spinner: one thin stroked arc that continuously rotates to signal a background task is running.","category":"feedback","tags":["spinner","loading","loader","inline","status"],"frame":"inline","theme":"either","plate":2231,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/single-glyph-spinner.webp","controls":3,"verified":true,"security":"clean","slop":10,"url":"https://fieldbook.lizardi.mx/components/single-glyph-spinner"},{"plate":2429,"slug":"single-hoop-radar","title":"Single Hoop Radar","category":"charts","url":"https://fieldbook.lizardi.mx/components/single-hoop-radar","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/single-hoop-radar.webp"},{"plate":2430,"slug":"single-line-typewriter-caret","title":"Single line typewriter caret","category":"text-effects","url":"https://fieldbook.lizardi.mx/components/single-line-typewriter-caret","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/single-line-typewriter-caret.webp"},{"plate":2039,"slug":"single-panel-disclosure","title":"Single Panel Disclosure","category":"data-display","url":"https://fieldbook.lizardi.mx/components/single-panel-disclosure","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/single-panel-disclosure.webp"},{"slug":"single-value-slider","title":"Single value slider","description":"A horizontal slider with one draggable thumb that fills the track behind it so the current value reads at a glance.","category":"inputs","tags":["slider","input","range","value","thumb","form"],"frame":"inline","theme":"either","plate":2791,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/single-value-slider.webp","controls":2,"verified":true,"security":"clean","slop":10,"url":"https://fieldbook.lizardi.mx/components/single-value-slider"},{"plate":2617,"slug":"sinking-lip-button","title":"Sinking lip button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/sinking-lip-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/sinking-lip-button.webp"},{"slug":"sketched-outline-button","title":"Sketched outline button","description":"An outlined button whose four corners are deliberately uneven, redrawing into a second lopsided shape with a dashed stroke on hover or focus.","category":"buttons","tags":["button","outline","hand drawn","irregular","dashed","hover","sketch"],"frame":"inline","theme":"either","plate":2664,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/sketched-outline-button.webp","controls":6,"verified":true,"security":"clean","slop":0,"url":"https://fieldbook.lizardi.mx/components/sketched-outline-button"},{"plate":2618,"slug":"skewed-blade-invert-button","title":"Skewed blade invert","category":"buttons","url":"https://fieldbook.lizardi.mx/components/skewed-blade-invert-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/skewed-blade-invert-button.webp"},{"slug":"skewed-shutter-button","title":"Skewed shutter button","description":"A button whose two sheared panels park outside its edges and drive inward on hover, closing behind the label on a diagonal seam.","category":"buttons","tags":["button","shutter","skew","diagonal","hover"],"frame":"inline","theme":"either","plate":2431,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/skewed-shutter-button.webp","controls":5,"verified":true,"security":"clean","slop":3,"url":"https://fieldbook.lizardi.mx/components/skewed-shutter-button"},{"plate":2535,"slug":"skewed-slab-button","title":"Skewed slab button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/skewed-slab-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/skewed-slab-button.webp"},{"plate":2562,"slug":"skewed-slab-press-button","title":"Skewed slab press","category":"buttons","url":"https://fieldbook.lizardi.mx/components/skewed-slab-press-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/skewed-slab-press-button.webp"},{"plate":1887,"slug":"skewed-wipe-button","title":"Skewed wipe button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/skewed-wipe-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/skewed-wipe-button.webp"},{"plate":2531,"slug":"skewed-wipe-reveal-button","title":"Skewed wipe reveal button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/skewed-wipe-reveal-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/skewed-wipe-reveal-button.webp"},{"slug":"skewed-wipe-swap-button","title":"Skewed wipe swap button","description":"A button that swaps its label on hover or focus while a sheared accent panel wipes up across its face.","category":"buttons","tags":["button","label swap","wipe","skew","reveal","hover"],"frame":"inline","theme":"either","plate":2703,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/skewed-wipe-swap-button.webp","controls":5,"verified":true,"security":"clean","slop":0,"url":"https://fieldbook.lizardi.mx/components/skewed-wipe-swap-button"},{"slug":"sla-deadline-meter","title":"Sla deadline meter","description":"A response deadline meter shows elapsed budget, remaining time and a local acknowledgement.","category":"blocks","tags":["workflow","customer","interactive","controlled-state"],"frame":"card","theme":"dark","plate":2894,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/sla-deadline-meter.webp","controls":3,"verified":true,"security":"clean","slop":26,"url":"https://fieldbook.lizardi.mx/components/sla-deadline-meter"},{"slug":"slab-lift-icon-button","title":"Slab Lift Icon Button","description":"A translucent icon tile that rises off a solid slab of light on hover, then slams back down and swallows the slab when it is pressed.","category":"buttons","tags":["icon button","download","lift","solid shadow","translucent","tile","hover"],"frame":"inline","theme":"dark","plate":2636,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/slab-lift-icon-button.webp","controls":5,"verified":true,"security":"clean","slop":14,"url":"https://fieldbook.lizardi.mx/components/slab-lift-icon-button"},{"plate":2654,"slug":"slanted-outline-button","title":"Slanted outline button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/slanted-outline-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/slanted-outline-button.webp"},{"slug":"slanted-shutter-button","title":"Slanted shutter button","description":"Two slanted accent panels drop from above and below to close over the pill on a diagonal seam while the label rolls once and inverts through the fill.","category":"buttons","tags":["button","shutter","skew","hover","panels","invert"],"frame":"inline","theme":"either","plate":2692,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/slanted-shutter-button.webp","controls":5,"verified":true,"security":"clean","slop":0,"url":"https://fieldbook.lizardi.mx/components/slanted-shutter-button"},{"plate":2432,"slug":"slice-picker-donut","title":"Slice picker donut","category":"charts","url":"https://fieldbook.lizardi.mx/components/slice-picker-donut","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/slice-picker-donut.webp"},{"plate":2619,"slug":"slide-away-destructive-button","title":"Slide away destructive","category":"buttons","url":"https://fieldbook.lizardi.mx/components/slide-away-destructive-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/slide-away-destructive-button.webp"},{"slug":"slide-out-tabs-download-button","title":"Slide out tabs button","description":"A download button with two dark caption tabs stacked behind it that slide out above and below on hover and pull halfway back when it is held.","category":"buttons","tags":["button","download","tabs","caption","slide","reveal","detail"],"frame":"inline","theme":"either","plate":2040,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/slide-out-tabs-download-button.webp","controls":5,"verified":true,"security":"clean","slop":14,"url":"https://fieldbook.lizardi.mx/components/slide-out-tabs-download-button"},{"slug":"slide-under-download-button","title":"Slide under download button","description":"A labelled button that slides a bright action tray out from under its plate on hover or focus, with a bobbing download arrow inside the tray.","category":"buttons","tags":["button","download","reveal","slide","drawer","icon","hover"],"frame":"inline","theme":"either","plate":2513,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/slide-under-download-button.webp","controls":5,"verified":true,"security":"clean","slop":0,"url":"https://fieldbook.lizardi.mx/components/slide-under-download-button"},{"plate":2041,"slug":"slide-up-panel-dialog","title":"Slide up panel dialog","category":"overlays","url":"https://fieldbook.lizardi.mx/components/slide-up-panel-dialog","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/slide-up-panel-dialog.webp"},{"slug":"sliding-content-tabs","title":"Sliding content tabs","description":"A content viewport paired with a capsule tab bar below it, where switching tabs slides the panel in from the side of the chosen tab while a colored highlight glides behind the active label.","category":"navigation","tags":["sliding tabs","content switcher","tab bar","panel transition","navigation"],"frame":"card","theme":"either","plate":2232,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/sliding-content-tabs.webp","controls":2,"verified":true,"security":"clean","slop":8,"url":"https://fieldbook.lizardi.mx/components/sliding-content-tabs"},{"plate":2042,"slug":"sliding-digit-counter","title":"Sliding digit counter","category":"data-display","url":"https://fieldbook.lizardi.mx/components/sliding-digit-counter","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/sliding-digit-counter.webp"},{"slug":"sliding-fill-send-pill","title":"Sliding fill send pill","description":"A wide outlined pill with a solid disc at one end; hovering slides that fill across the whole pill and flips the label as it passes.","category":"buttons","tags":["pill","fill","slide","send","hover","outline","disc"],"frame":"card","theme":"either","plate":2564,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/sliding-fill-send-pill.webp","controls":5,"verified":true,"security":"clean","slop":3,"url":"https://fieldbook.lizardi.mx/components/sliding-fill-send-pill"},{"plate":2233,"slug":"sliding-height-tabs","title":"Sliding height tabs","category":"navigation","url":"https://fieldbook.lizardi.mx/components/sliding-height-tabs","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/sliding-height-tabs.webp"},{"plate":2094,"slug":"sliding-highlight-menu","title":"Sliding highlight menu","category":"overlays","url":"https://fieldbook.lizardi.mx/components/sliding-highlight-menu","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/sliding-highlight-menu.webp"},{"plate":2043,"slug":"sliding-highlight-tabs","title":"Sliding highlight tabs","category":"navigation","url":"https://fieldbook.lizardi.mx/components/sliding-highlight-tabs","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/sliding-highlight-tabs.webp"},{"plate":2234,"slug":"sliding-highlight-toggle-group","title":"Sliding highlight toggle group","category":"inputs","url":"https://fieldbook.lizardi.mx/components/sliding-highlight-toggle-group","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/sliding-highlight-toggle-group.webp"},{"slug":"sliding-label-button","title":"Sliding label button","description":"A solid button whose label rolls straight up out of the frame while a second line rolls in from below to take its place.","category":"buttons","tags":["button","label swap","roll","vertical slide","hover","text transition"],"frame":"inline","theme":"either","plate":1652,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/sliding-label-button.webp","controls":5,"verified":true,"security":"clean","slop":0,"url":"https://fieldbook.lizardi.mx/components/sliding-label-button"},{"slug":"sliding-panel-button","title":"Sliding panel button","description":"A bordered button whose second label rides in on a colored panel from the right edge, covering the first label completely.","category":"buttons","tags":["button","slide","reveal","label swap","border","panel"],"frame":"inline","theme":"either","plate":1832,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/sliding-panel-button.webp","controls":5,"verified":true,"security":"clean","slop":14,"url":"https://fieldbook.lizardi.mx/components/sliding-panel-button"},{"slug":"sliding-panel-tabs","title":"Sliding Panel Tabs","description":"Two tabs in a rounded pill track with a highlight that slides between them, crossfading a settings-style panel underneath without any layout jump.","category":"navigation","tags":["tabs","sliding highlight","settings tabs","segmented control"],"frame":"card","theme":"either","plate":2044,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/sliding-panel-tabs.webp","controls":2,"verified":true,"security":"clean","slop":8,"url":"https://fieldbook.lizardi.mx/components/sliding-panel-tabs"},{"plate":1747,"slug":"sliding-pin-swap-button","title":"Sliding Pin Swap","category":"buttons","url":"https://fieldbook.lizardi.mx/components/sliding-pin-swap-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/sliding-pin-swap-button.webp"},{"plate":2235,"slug":"sliding-segment-tabs","title":"Sliding segment tabs","category":"navigation","url":"https://fieldbook.lizardi.mx/components/sliding-segment-tabs","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/sliding-segment-tabs.webp"},{"plate":2045,"slug":"sliding-segment-toggle","title":"Sliding segment toggle","category":"inputs","url":"https://fieldbook.lizardi.mx/components/sliding-segment-toggle","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/sliding-segment-toggle.webp"},{"plate":2046,"slug":"sliding-selection-highlight","title":"Sliding Selection Highlight","category":"navigation","url":"https://fieldbook.lizardi.mx/components/sliding-selection-highlight","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/sliding-selection-highlight.webp"},{"slug":"sliding-send-button","title":"Sliding send button","description":"A flat send button that slides right on hover while the gap between its label and arrow opens, recoils a few pixels under press, and settles back on leave.","category":"buttons","tags":["button","send","slide","arrow","gap","hover"],"frame":"inline","theme":"either","plate":2704,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/sliding-send-button.webp","controls":4,"verified":true,"security":"clean","slop":0,"url":"https://fieldbook.lizardi.mx/components/sliding-send-button"},{"slug":"sliding-thumb-switch","title":"Sliding Thumb Switch","description":"An on/off switch built from a hidden checkbox: a pill track that recolors and a round thumb that slides to the opposite edge.","category":"inputs","tags":["switch","toggle","on off","form"],"frame":"inline","theme":"either","plate":2433,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/sliding-thumb-switch.webp","controls":3,"verified":true,"security":"clean","slop":10,"url":"https://fieldbook.lizardi.mx/components/sliding-thumb-switch"},{"plate":1805,"slug":"slotted-panel-card","title":"Slotted panel card","category":"cards","url":"https://fieldbook.lizardi.mx/components/slotted-panel-card","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/slotted-panel-card.webp"},{"slug":"smoke-trail-cursor","title":"Smoke trail cursor","description":"A soft churning cloud that follows the pointer like smoke, curling back on itself when you change direction and dissolving when you stop.","category":"cursor","tags":["cursor","smoke","trail","noise","canvas","inertia","grain","glow"],"frame":"wide","theme":"dark","plate":1806,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/smoke-trail-cursor.webp","controls":5,"verified":true,"security":"clean","slop":8,"url":"https://fieldbook.lizardi.mx/components/smoke-trail-cursor"},{"slug":"smoke-veil-drift","title":"Smoke veil drift","description":"Broad sheets of colored haze crossing a black field at an angle, thinning and thickening as they slide past each other.","category":"backgrounds","tags":["background","veil","haze","smoke","drift","ambient","gradient","hero"],"frame":"wide","theme":"dark","plate":1748,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/smoke-veil-drift.webp","controls":5,"verified":true,"security":"clean","slop":22,"url":"https://fieldbook.lizardi.mx/components/smoke-veil-drift"},{"slug":"smooth-area-trend-chart","title":"Smooth Area Trend","description":"A single series area chart with a smoothly curved top edge, a soft tinted fill, faint horizontal gridlines and a readout that follows the pointer.","category":"charts","tags":["chart","area","trend","monthly","tooltip","analytics","curve"],"frame":"wide","theme":"either","plate":1888,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/smooth-area-trend-chart.webp","controls":5,"verified":true,"security":"clean","slop":8,"url":"https://fieldbook.lizardi.mx/components/smooth-area-trend-chart"},{"slug":"snap-back-icon-button","title":"Snap back icon button","description":"A bare glyph button that grows smoothly under the pointer and snaps back to its resting size the instant it is pressed.","category":"buttons","tags":["icon","button","scale","press","toolbar","hover","snap"],"frame":"inline","theme":"either","plate":2572,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/snap-back-icon-button.webp","controls":5,"verified":true,"security":"clean","slop":0,"url":"https://fieldbook.lizardi.mx/components/snap-back-icon-button"},{"plate":1833,"slug":"social-post-card","title":"Social Post Card","category":"cards","url":"https://fieldbook.lizardi.mx/components/social-post-card","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/social-post-card.webp"},{"slug":"social-proof-avatar-row","title":"Social proof avatar row","description":"A tight row of overlapping avatar circles closing with a bubble that totals everyone left out of the row.","category":"data-display","tags":["avatars","social proof","overlap","stack","community","people"],"frame":"inline","theme":"either","plate":2236,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/social-proof-avatar-row.webp","controls":4,"verified":true,"security":"clean","slop":21,"url":"https://fieldbook.lizardi.mx/components/social-proof-avatar-row"},{"plate":2753,"slug":"social-sign-in-card","title":"Social sign-in card","category":"pages","url":"https://fieldbook.lizardi.mx/components/social-sign-in-card","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/social-sign-in-card.webp"},{"plate":2546,"slug":"soft-bloom-fill-button","title":"Soft bloom fill button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/soft-bloom-fill-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/soft-bloom-fill-button.webp"},{"plate":1749,"slug":"soft-fiber-curtain","title":"Soft fiber curtain","category":"backgrounds","url":"https://fieldbook.lizardi.mx/components/soft-fiber-curtain","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/soft-fiber-curtain.webp"},{"plate":2533,"slug":"soft-inset-press-button","title":"Soft inset press button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/soft-inset-press-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/soft-inset-press-button.webp"},{"plate":1889,"slug":"soft-pad-button","title":"Soft Pad Button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/soft-pad-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/soft-pad-button.webp"},{"plate":2514,"slug":"soft-relief-button","title":"Soft relief button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/soft-relief-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/soft-relief-button.webp"},{"plate":2519,"slug":"soft-relief-send-button","title":"Soft relief send button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/soft-relief-send-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/soft-relief-send-button.webp"},{"slug":"solid-ring-spinner","title":"Solid Ring Spinner","description":"A padded, boxed loading indicator: a thick-stroked ring with one accent-colored edge spinning at a constant linear speed inside a rounded panel.","category":"feedback","tags":["spinner","loading","ring","panel","status"],"frame":"inline","theme":"either","plate":2047,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/solid-ring-spinner.webp","controls":3,"verified":true,"security":"clean","slop":32,"url":"https://fieldbook.lizardi.mx/components/solid-ring-spinner"},{"slug":"source-citation-panel","title":"Source citation panel","description":"Connect a written claim to its source excerpt and mark evidence as reviewed.","category":"blocks","tags":["agent","workspace","source","interactive"],"frame":"wide","theme":"dark","plate":2895,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/source-citation-panel.webp","controls":3,"verified":true,"security":"clean","slop":8,"url":"https://fieldbook.lizardi.mx/components/source-citation-panel"},{"plate":2507,"slug":"spacebar-keycap-button","title":"Spacebar Keycap","category":"buttons","url":"https://fieldbook.lizardi.mx/components/spacebar-keycap-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/spacebar-keycap-button.webp"},{"slug":"spark-line","title":"Spark line","description":"A row of metric tiles whose sparklines draw themselves on mount and follow the pointer with a crosshair that reads the value under it.","category":"charts","tags":["chart","sparkline","metrics","kpi","svg","dashboard"],"frame":"wide","theme":"dark","plate":1541,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/spark-line.webp","controls":3,"verified":true,"security":"review","slop":10,"url":"https://fieldbook.lizardi.mx/components/spark-line"},{"plate":2237,"slug":"sparkling-highlight-text","title":"Sparkling highlight text","category":"text-effects","url":"https://fieldbook.lizardi.mx/components/sparkling-highlight-text","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/sparkling-highlight-text.webp"},{"slug":"speaking-glow-button","title":"Speaking glow button","description":"A dark pill whose bottom edge carries luminous bands running on offset loops, so it reads as a live waveform while it listens.","category":"buttons","tags":["button","waveform","listening","voice","pill","glow"],"frame":"inline","theme":"dark","plate":2515,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/speaking-glow-button.webp","controls":5,"verified":true,"security":"clean","slop":26,"url":"https://fieldbook.lizardi.mx/components/speaking-glow-button"},{"plate":2434,"slug":"speckled-gradient-button","title":"Speckled gradient button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/speckled-gradient-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/speckled-gradient-button.webp"},{"plate":1653,"slug":"specular-edge-button","title":"Specular edge button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/specular-edge-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/specular-edge-button.webp"},{"slug":"spend-breakdown-chart","title":"Spend breakdown chart","description":"Inspect service spending with an accessible horizontal bar chart and period comparison.","category":"charts","tags":["billing","commercial","finance"],"frame":"wide","theme":"dark","plate":2896,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/spend-breakdown-chart.webp","controls":2,"verified":true,"security":"clean","slop":0,"url":"https://fieldbook.lizardi.mx/components/spend-breakdown-chart"},{"plate":1807,"slug":"spin-count-tile","title":"Spin count tile","category":"animation","url":"https://fieldbook.lizardi.mx/components/spin-count-tile","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/spin-count-tile.webp"},{"slug":"spin-off-thanks-button","title":"Spin Off Thanks","description":"A two-faced call to action where the top face spins away and drops out while a second face rises up behind it to take over.","category":"buttons","tags":["button","swap","spin","toggle","two-state","confirm"],"frame":"inline","theme":"either","plate":2600,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/spin-off-thanks-button.webp","controls":6,"verified":true,"security":"clean","slop":14,"url":"https://fieldbook.lizardi.mx/components/spin-off-thanks-button"},{"slug":"spinning-square-flood-button","title":"Spinning square flood button","description":"An outlined button that floods with its accent as a spinning rounded square slides in from the corner, so the fill arrives behind a wavy rolling edge.","category":"buttons","tags":["button","hover","flood","spin","wavy","fill","clipped"],"frame":"inline","theme":"either","plate":2665,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/spinning-square-flood-button.webp","controls":6,"verified":true,"security":"clean","slop":14,"url":"https://fieldbook.lizardi.mx/components/spinning-square-flood-button"},{"plate":2238,"slug":"spinning-text-ring","title":"Spinning text ring","category":"text-effects","url":"https://fieldbook.lizardi.mx/components/spinning-text-ring","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/spinning-text-ring.webp"},{"plate":2754,"slug":"split-cover-login","title":"Split cover login","category":"pages","url":"https://fieldbook.lizardi.mx/components/split-cover-login","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/split-cover-login.webp"},{"plate":2755,"slug":"split-cover-signup","title":"Split cover signup","category":"pages","url":"https://fieldbook.lizardi.mx/components/split-cover-signup","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/split-cover-signup.webp"},{"plate":2435,"slug":"split-curtain-reveal-button","title":"Split curtain reveal button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/split-curtain-reveal-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/split-curtain-reveal-button.webp"},{"plate":2830,"slug":"split-flap-display","title":"Split flap display","category":"text-effects","url":"https://fieldbook.lizardi.mx/components/split-flap-display","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/split-flap-display.webp"},{"plate":2681,"slug":"split-flap-face-button","title":"Split flap face button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/split-flap-face-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/split-flap-face-button.webp"},{"plate":1542,"slug":"split-panes","title":"Split panes","category":"layout","url":"https://fieldbook.lizardi.mx/components/split-panes","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/split-panes.webp"},{"plate":2048,"slug":"split-reveal-hover-text","title":"Split Reveal Hover Text","category":"text-effects","url":"https://fieldbook.lizardi.mx/components/split-reveal-hover-text","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/split-reveal-hover-text.webp"},{"plate":2573,"slug":"split-shutter-reveal-button","title":"Split shutter reveal button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/split-shutter-reveal-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/split-shutter-reveal-button.webp"},{"slug":"split-sign-in-page","title":"Split sign-in page","description":"A two-column login page pairing a narrow form column with a full-height cover image on the opposite side, the image dropping away on small screens.","category":"pages","tags":["login","sign in","split","cover image","authentication","page"],"frame":"full","theme":"either","plate":2756,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/split-sign-in-page.webp","controls":3,"verified":true,"security":"clean","slop":32,"url":"https://fieldbook.lizardi.mx/components/split-sign-in-page"},{"plate":2049,"slug":"split-text-entrance","title":"Split text entrance","category":"text-effects","url":"https://fieldbook.lizardi.mx/components/split-text-entrance","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/split-text-entrance.webp"},{"plate":1543,"slug":"split-text-reveal","title":"Split text reveal","category":"text-effects","url":"https://fieldbook.lizardi.mx/components/split-text-reveal","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/split-text-reveal.webp"},{"slug":"spoke-area-chart","title":"Spoke area chart","description":"A polar plot where labelled spokes carry one series as a translucent closed shape over a polygon grid, with a readout that snaps to the nearest spoke.","category":"charts","tags":["radar","polar","spokes","area","grid","chart","tooltip"],"frame":"card","theme":"either","plate":2436,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/spoke-area-chart.webp","controls":5,"verified":true,"security":"clean","slop":8,"url":"https://fieldbook.lizardi.mx/components/spoke-area-chart"},{"plate":1890,"slug":"spoke-radar-plot","title":"Spoke Radar Plot","category":"charts","url":"https://fieldbook.lizardi.mx/components/spoke-radar-plot","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/spoke-radar-plot.webp"},{"slug":"spokeless-ring-radar","title":"Spokeless Ring Radar","description":"A polar chart with concentric scale rings and no radial spokes, plotting one dotted series whose corners carry the category labels.","category":"charts","tags":["radar","polar","rings","chart","dots"],"frame":"card","theme":"either","plate":2437,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/spokeless-ring-radar.webp","controls":5,"verified":true,"security":"clean","slop":16,"url":"https://fieldbook.lizardi.mx/components/spokeless-ring-radar"},{"slug":"spotlight-card","title":"Spotlight card","description":"Cards whose 1px border and surface light up around the pointer, with the highlight carrying across a row of stat tiles.","category":"cards","tags":["card","spotlight","pointer","border","stats","metrics"],"frame":"wide","theme":"dark","plate":1544,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/spotlight-card.webp","controls":3,"verified":true,"security":"clean","slop":22,"url":"https://fieldbook.lizardi.mx/components/spotlight-card"},{"slug":"spotlight-fill-button","title":"Spotlight fill button","description":"A pill button in one saturated accent that dims its fill under a dark veil on hover while a soft oval spotlight follows the pointer.","category":"buttons","tags":["button","spotlight","pointer","hover","highlight","cta"],"frame":"inline","theme":"either","plate":2730,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/spotlight-fill-button.webp","controls":5,"verified":true,"security":"clean","slop":14,"url":"https://fieldbook.lizardi.mx/components/spotlight-fill-button"},{"plate":2438,"slug":"spotlight-profile-grid","title":"Spotlight profile grid","category":"layout","url":"https://fieldbook.lizardi.mx/components/spotlight-profile-grid","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/spotlight-profile-grid.webp"},{"plate":1750,"slug":"spotlight-shafts","title":"Spotlight shafts","category":"backgrounds","url":"https://fieldbook.lizardi.mx/components/spotlight-shafts","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/spotlight-shafts.webp"},{"plate":2050,"slug":"spring-dot-radio-group","title":"Spring dot radio group","category":"inputs","url":"https://fieldbook.lizardi.mx/components/spring-dot-radio-group","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/spring-dot-radio-group.webp"},{"plate":2439,"slug":"spring-drag-carousel","title":"Spring drag carousel","category":"layout","url":"https://fieldbook.lizardi.mx/components/spring-drag-carousel","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/spring-drag-carousel.webp"},{"slug":"spring-easing-toggle","title":"Spring easing toggle","description":"A tile that slides between two stops on a spring curve baked into a plain CSS transition, with the generated curve plotted beside it.","category":"animation","tags":["spring","easing","transition","toggle","curve","overshoot","timing","plot"],"frame":"card","theme":"either","plate":1808,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/spring-easing-toggle.webp","controls":5,"verified":true,"security":"clean","slop":0,"url":"https://fieldbook.lizardi.mx/components/spring-easing-toggle"},{"plate":2051,"slug":"spring-fill-progress","title":"Spring Fill Progress","category":"feedback","url":"https://fieldbook.lizardi.mx/components/spring-fill-progress","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/spring-fill-progress.webp"},{"plate":1809,"slug":"spring-lag-trail","title":"Spring lag trail","category":"cursor","url":"https://fieldbook.lizardi.mx/components/spring-lag-trail","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/spring-lag-trail.webp"},{"slug":"spring-layout-toggle","title":"Spring layout toggle","description":"A switch whose knob is aligned to one end of the track by layout alone and springs between the two measured positions whenever the state flips.","category":"inputs","tags":["switch","toggle","spring","layout","knob","state","control"],"frame":"inline","theme":"either","plate":2781,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/spring-layout-toggle.webp","controls":5,"verified":true,"security":"clean","slop":0,"url":"https://fieldbook.lizardi.mx/components/spring-layout-toggle"},{"plate":1654,"slug":"spring-press-button","title":"Spring press button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/spring-press-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/spring-press-button.webp"},{"slug":"spring-push-collapsible","title":"Spring Push Collapsible","description":"A settings row that opens a detail panel and pushes the rows below it down on one shared spring instead of a height jump.","category":"data-display","tags":["collapsible","expand","spring","layout","settings","row","detail"],"frame":"card","theme":"either","plate":2052,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/spring-push-collapsible.webp","controls":5,"verified":true,"security":"clean","slop":8,"url":"https://fieldbook.lizardi.mx/components/spring-push-collapsible"},{"plate":2486,"slug":"spring-reveal-button","title":"Spring reveal button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/spring-reveal-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/spring-reveal-button.webp"},{"plate":1810,"slug":"spring-tuner-tile","title":"Spring tuner","category":"animation","url":"https://fieldbook.lizardi.mx/components/spring-tuner-tile","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/spring-tuner-tile.webp"},{"plate":2053,"slug":"springing-radio-group","title":"Springing radio group","category":"inputs","url":"https://fieldbook.lizardi.mx/components/springing-radio-group","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/springing-radio-group.webp"},{"plate":2567,"slug":"squaring-backer-button","title":"Squaring backer button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/squaring-backer-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/squaring-backer-button.webp"},{"plate":2054,"slug":"squash-key-button","title":"Squash key button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/squash-key-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/squash-key-button.webp"},{"plate":2239,"slug":"stacked-alert-toasts","title":"Stacked Alert Toasts","category":"feedback","url":"https://fieldbook.lizardi.mx/components/stacked-alert-toasts","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/stacked-alert-toasts.webp"},{"plate":1907,"slug":"stacked-area-chart","title":"Stacked Area Chart","category":"charts","url":"https://fieldbook.lizardi.mx/components/stacked-area-chart","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/stacked-area-chart.webp"},{"plate":1891,"slug":"stacked-blur-fade","title":"Stacked blur fade","category":"scroll","url":"https://fieldbook.lizardi.mx/components/stacked-blur-fade","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/stacked-blur-fade.webp"},{"slug":"stacked-checkbox-list","title":"Stacked option checklist","description":"A stacked list of labeled checkboxes that share one combined selection, with a running count of how many items are chosen.","category":"inputs","tags":["checkbox","multi-select","form","list","options"],"frame":"card","theme":"either","plate":2782,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/stacked-checkbox-list.webp","controls":3,"verified":true,"security":"clean","slop":18,"url":"https://fieldbook.lizardi.mx/components/stacked-checkbox-list"},{"slug":"stacked-faq-accordion","title":"Stacked FAQ accordion","description":"A vertical list of questions that expand one at a time into an answer panel, with a chevron that rotates to match the open state.","category":"data-display","tags":["accordion","faq list","expand collapse","chevron toggle"],"frame":"card","theme":"either","plate":2440,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/stacked-faq-accordion.webp","controls":4,"verified":true,"security":"clean","slop":8,"url":"https://fieldbook.lizardi.mx/components/stacked-faq-accordion"},{"plate":2055,"slug":"stacked-notification-drawer","title":"Stacked notification drawer","category":"feedback","url":"https://fieldbook.lizardi.mx/components/stacked-notification-drawer","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/stacked-notification-drawer.webp"},{"slug":"stacked-notification-tray","title":"Stacked notification tray","description":"A phone-style pile of notification cards that fans out into a readable list when tapped and collapses back into a single deck.","category":"feedback","tags":["notifications","stack","expand","collapse","cards","dismiss"],"frame":"card","theme":"dark","plate":2240,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/stacked-notification-tray.webp","controls":5,"verified":true,"security":"clean","slop":8,"url":"https://fieldbook.lizardi.mx/components/stacked-notification-tray"},{"plate":2655,"slug":"stacked-plate-press-button","title":"Stacked plate press button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/stacked-plate-press-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/stacked-plate-press-button.webp"},{"plate":1655,"slug":"stacked-ripple-button","title":"Stacked ripple button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/stacked-ripple-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/stacked-ripple-button.webp"},{"plate":2285,"slug":"stacked-segment-bar-chart","title":"Stacked segment bar chart","category":"charts","url":"https://fieldbook.lizardi.mx/components/stacked-segment-bar-chart","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/stacked-segment-bar-chart.webp"},{"slug":"stacked-shadow-outline-button","title":"Stacked shadow outline button","description":"A monospaced outline button resting on a ladder of stacked shadows that compresses and settles as the accent floods its face, then springs back one layer at a time.","category":"buttons","tags":["button","outline","monospace","layered-shadow","settle","depth"],"frame":"inline","theme":"either","plate":2500,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/stacked-shadow-outline-button.webp","controls":4,"verified":true,"security":"clean","slop":8,"url":"https://fieldbook.lizardi.mx/components/stacked-shadow-outline-button"},{"slug":"stacked-shadow-text","title":"Stacked shadow text","description":"Bold italic display text sits in front of several staggered drop shadows in different colors, giving it a layered, extruded look that flattens to a clean line on hover.","category":"text-effects","tags":["drop shadow","extruded text","layered","hover","retro"],"frame":"inline","theme":"either","plate":2056,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/stacked-shadow-text.webp","controls":3,"verified":true,"security":"clean","slop":0,"url":"https://fieldbook.lizardi.mx/components/stacked-shadow-text"},{"slug":"stacked-shell-sign-in","title":"Stacked shell sign in","description":"A sign in button built from three nested rounded shells, so the label sits in a small raised well that settles flat when you press it.","category":"buttons","tags":["button","sign in","nested","shells","raised","pill","auth"],"frame":"inline","theme":"either","plate":2672,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/stacked-shell-sign-in.webp","controls":5,"verified":true,"security":"clean","slop":21,"url":"https://fieldbook.lizardi.mx/components/stacked-shell-sign-in"},{"plate":2241,"slug":"stacked-swap-cart-button","title":"Stacked swap cart button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/stacked-swap-cart-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/stacked-swap-cart-button.webp"},{"slug":"staged-expand-delete-button","title":"Staged expand delete button","description":"A square bin icon tile that widens after a short hover delay, fades its label in, and asks for a confirming second click before it fires.","category":"buttons","tags":["button","expand","delete","icon","confirm","hover","staged"],"frame":"inline","theme":"either","plate":2551,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/staged-expand-delete-button.webp","controls":6,"verified":true,"security":"clean","slop":10,"url":"https://fieldbook.lizardi.mx/components/staged-expand-delete-button"},{"plate":1811,"slug":"stagger-bar-row","title":"Stagger bar row","category":"animation","url":"https://fieldbook.lizardi.mx/components/stagger-bar-row","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/stagger-bar-row.webp"},{"plate":1751,"slug":"staggered-fade-list","title":"Staggered Fade List","category":"animation","url":"https://fieldbook.lizardi.mx/components/staggered-fade-list","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/staggered-fade-list.webp"},{"plate":2441,"slug":"staggered-offer-drawer","title":"Staggered Offer Drawer","category":"overlays","url":"https://fieldbook.lizardi.mx/components/staggered-offer-drawer","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/staggered-offer-drawer.webp"},{"plate":2242,"slug":"staggered-reveal-text","title":"Staggered Reveal Text","category":"text-effects","url":"https://fieldbook.lizardi.mx/components/staggered-reveal-text","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/staggered-reveal-text.webp"},{"plate":2243,"slug":"staggered-text-entrance","title":"Staggered text entrance","category":"text-effects","url":"https://fieldbook.lizardi.mx/components/staggered-text-entrance","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/staggered-text-entrance.webp"},{"slug":"stair-step-shadow-button","title":"Stair step shadow button","description":"A pale button that hands its accent border to the opposite two sides on hover while a staircase of hard, graded shadows steps out behind it and a tinted fill rises to meet the label.","category":"buttons","tags":["button","stacked shadow","staircase","border flip","hover fill"],"frame":"inline","theme":"light","plate":2656,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/stair-step-shadow-button.webp","controls":5,"verified":true,"security":"clean","slop":8,"url":"https://fieldbook.lizardi.mx/components/stair-step-shadow-button"},{"slug":"stamped-cursor-trail","title":"Stamped cursor trail","description":"Small cards stamped along the pointer path at fixed distance intervals, each dropping in with a tilt and aging out behind the cursor.","category":"cursor","tags":["cursor","trail","stamp","pointer","cards","ribbon","spacing","decorative"],"frame":"wide","theme":"dark","plate":1812,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/stamped-cursor-trail.webp","controls":5,"verified":true,"security":"clean","slop":8,"url":"https://fieldbook.lizardi.mx/components/stamped-cursor-trail"},{"slug":"star-count-button","title":"Star count button","description":"A repository star button whose total rolls up column by column into view and throws a short burst of tiny stars when pressed.","category":"buttons","tags":["star","counter","rolling digits","button","particles","toggle","repository","count up"],"frame":"inline","theme":"either","plate":1656,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/star-count-button.webp","controls":5,"verified":true,"security":"clean","slop":0,"url":"https://fieldbook.lizardi.mx/components/star-count-button"},{"plate":2727,"slug":"starfield-glow-button","title":"Starfield glow button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/starfield-glow-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/starfield-glow-button.webp"},{"slug":"starred-repos-disclosure","title":"Starred repos disclosure","description":"A header row with a toggle button that reveals a short hidden list of starred repositories beneath one row that always stays visible.","category":"data-display","tags":["collapsible","disclosure","expand","toggle","list","panel"],"frame":"card","theme":"either","plate":2244,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/starred-repos-disclosure.webp","controls":3,"verified":true,"security":"clean","slop":8,"url":"https://fieldbook.lizardi.mx/components/starred-repos-disclosure"},{"slug":"status-alert-banner","title":"Status Alert Banner","description":"A bordered banner that pairs an icon with a title and optional description to surface a success or error state inline.","category":"feedback","tags":["alert banner","status message","inline notice","error state"],"frame":"card","theme":"either","plate":2057,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/status-alert-banner.webp","controls":4,"verified":true,"security":"clean","slop":10,"url":"https://fieldbook.lizardi.mx/components/status-alert-banner"},{"plate":2245,"slug":"status-avatar","title":"Status Avatar","category":"data-display","url":"https://fieldbook.lizardi.mx/components/status-avatar","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/status-avatar.webp"},{"plate":2246,"slug":"status-cycle-pill","title":"Status cycle pill","category":"feedback","url":"https://fieldbook.lizardi.mx/components/status-cycle-pill","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/status-cycle-pill.webp"},{"plate":2442,"slug":"stay-dates-picker","title":"Stay Dates Picker","category":"inputs","url":"https://fieldbook.lizardi.mx/components/stay-dates-picker","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/stay-dates-picker.webp"},{"slug":"stay-range-popover-picker","title":"Stay range popover picker","description":"A trigger button that shows two dates joined by a hyphen and opens a floating range calendar for picking a start and end day, for a hotel-style stay selection.","category":"inputs","tags":["calendar","date range","popover","booking","stay"],"frame":"inline","theme":"either","plate":2443,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/stay-range-popover-picker.webp","controls":3,"verified":true,"security":"clean","slop":18,"url":"https://fieldbook.lizardi.mx/components/stay-range-popover-picker"},{"plate":2705,"slug":"steady-fill-button","title":"Steady fill button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/steady-fill-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/steady-fill-button.webp"},{"slug":"step-area-chart","title":"Step area chart","description":"A single series area chart drawn as a staircase where each value is held flat across its slot and jumps vertically at the boundary.","category":"charts","tags":["chart","area","step","staircase","discrete","monthly","tooltip"],"frame":"wide","theme":"either","plate":2276,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/step-area-chart.webp","controls":5,"verified":true,"security":"clean","slop":0,"url":"https://fieldbook.lizardi.mx/components/step-area-chart"},{"plate":2247,"slug":"step-goal-progress-bar","title":"Step goal progress bar","category":"feedback","url":"https://fieldbook.lizardi.mx/components/step-goal-progress-bar","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/step-goal-progress-bar.webp"},{"plate":2444,"slug":"stepped-value-line","title":"Stepped Value Line","category":"charts","url":"https://fieldbook.lizardi.mx/components/stepped-value-line","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/stepped-value-line.webp"},{"slug":"sticky-zoom-hero","title":"Sticky zoom hero","description":"A hero panel that stays pinned while you scroll, pushing its backdrop toward you until it blurs out and hands the page to the text below.","category":"scroll","tags":["hero","scroll","pinned","zoom","parallax","blur","fade","landing"],"frame":"full","theme":"dark","plate":1892,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/sticky-zoom-hero.webp","controls":5,"verified":true,"security":"clean","slop":14,"url":"https://fieldbook.lizardi.mx/components/sticky-zoom-hero"},{"plate":1893,"slug":"stitched-disc-button","title":"Stitched disc button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/stitched-disc-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/stitched-disc-button.webp"},{"slug":"stitched-rule-link-button","title":"Stitched rule link button","description":"A quiet uppercase text link with a chevron that nudges on a loop at rest; hover or focus holds the chevron forward, widens the tracking and wipes a stitched accent rule under the label.","category":"buttons","tags":["button","link","chevron","nudge","underline","tracking","quiet"],"frame":"inline","theme":"either","plate":2552,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/stitched-rule-link-button.webp","controls":5,"verified":true,"security":"clean","slop":14,"url":"https://fieldbook.lizardi.mx/components/stitched-rule-link-button"},{"slug":"straight-segment-area-chart","title":"Straight Segment Area Chart","description":"A single series area chart built from straight segments between points, so the outline reads as a sharp faceted polyline instead of a curve.","category":"charts","tags":["chart","area","linear","polyline","vertex","monthly","tooltip"],"frame":"wide","theme":"either","plate":1908,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/straight-segment-area-chart.webp","controls":5,"verified":true,"security":"clean","slop":32,"url":"https://fieldbook.lizardi.mx/components/straight-segment-area-chart"},{"plate":2289,"slug":"straight-segment-line","title":"Straight segment line","category":"charts","url":"https://fieldbook.lizardi.mx/components/straight-segment-line","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/straight-segment-line.webp"},{"slug":"streak-border-button","title":"Streak border button","description":"A pill button with a soft point of light sliding along its top and bottom edges, the two streaks traveling in opposite directions.","category":"buttons","tags":["button","border","streak","light","pill","loop"],"frame":"inline","theme":"dark","plate":1752,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/streak-border-button.webp","controls":4,"verified":true,"security":"clean","slop":24,"url":"https://fieldbook.lizardi.mx/components/streak-border-button"},{"plate":1894,"slug":"streaming-signal-line","title":"Streaming signal line","category":"charts","url":"https://fieldbook.lizardi.mx/components/streaming-signal-line","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/streaming-signal-line.webp"},{"slug":"striped-shadow-heading","title":"Striped shadow heading","description":"A bold heading with a duplicate copy offset behind it, filled with diagonal stripes that keep drifting like a long cast shadow.","category":"text-effects","tags":["heading","shadow","stripes","diagonal","headline"],"frame":"inline","theme":"either","plate":2248,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/striped-shadow-heading.webp","controls":4,"verified":true,"security":"clean","slop":14,"url":"https://fieldbook.lizardi.mx/components/striped-shadow-heading"},{"plate":1813,"slug":"stroke-drawing-board","title":"Stroke drawing board","category":"animation","url":"https://fieldbook.lizardi.mx/components/stroke-drawing-board","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/stroke-drawing-board.webp"},{"plate":2783,"slug":"styled-native-dropdown","title":"Styled native dropdown","category":"inputs","url":"https://fieldbook.lizardi.mx/components/styled-native-dropdown","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/styled-native-dropdown.webp"},{"plate":2897,"slug":"subscription-change-preview","title":"Subscription change preview","category":"blocks","url":"https://fieldbook.lizardi.mx/components/subscription-change-preview","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/subscription-change-preview.webp"},{"plate":2637,"slug":"suffix-reveal-button","title":"Suffix reveal button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/suffix-reveal-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/suffix-reveal-button.webp"},{"slug":"sun-moon-morph-toggle","title":"Sun moon morph toggle","description":"A theme toggle where a ringed sun swings its rays away and grows while a second disc slides in to bite a crescent out of it.","category":"buttons","tags":["theme toggle","sun","moon","icon button","morph","dark mode"],"frame":"inline","theme":"either","plate":2516,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/sun-moon-morph-toggle.webp","controls":5,"verified":true,"security":"clean","slop":8,"url":"https://fieldbook.lizardi.mx/components/sun-moon-morph-toggle"},{"plate":2058,"slug":"sun-moon-switch","title":"Sun Moon Switch","category":"inputs","url":"https://fieldbook.lizardi.mx/components/sun-moon-switch","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/sun-moon-switch.webp"},{"plate":2898,"slug":"support-inbox-workspace","title":"Support inbox workspace","category":"blocks","url":"https://fieldbook.lizardi.mx/components/support-inbox-workspace","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/support-inbox-workspace.webp"},{"plate":2059,"slug":"survey-route-map","title":"Survey route map","category":"backgrounds","url":"https://fieldbook.lizardi.mx/components/survey-route-map","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/survey-route-map.webp"},{"plate":1895,"slug":"swallowing-chip-button","title":"Swallowing Chip Button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/swallowing-chip-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/swallowing-chip-button.webp"},{"plate":1834,"slug":"swap-fill-button","title":"Layer swap button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/swap-fill-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/swap-fill-button.webp"},{"plate":1814,"slug":"swap-timing-modes","title":"Swap timing modes","category":"animation","url":"https://fieldbook.lizardi.mx/components/swap-timing-modes","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/swap-timing-modes.webp"},{"slug":"swarm-trail-cursor","title":"Swarm trail cursor","description":"A cloud of soft blobs orbits the pointer inside a panel, leaving tapering trails and merging into one shape where they overlap.","category":"cursor","tags":["cursor","pointer","swarm","trail","blobs","canvas"],"frame":"wide","theme":"dark","plate":1815,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/swarm-trail-cursor.webp","controls":6,"verified":true,"security":"clean","slop":8,"url":"https://fieldbook.lizardi.mx/components/swarm-trail-cursor"},{"plate":1837,"slug":"sweep-invert-button","title":"Sweep invert button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/sweep-invert-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/sweep-invert-button.webp"},{"slug":"sweep-scope","title":"Sweep scope","description":"A round scope where rings pulse outward from the middle, spokes cut it into sectors and a lobe of light sweeps around the center.","category":"backgrounds","tags":["background","canvas","radial","polar","ambient","pointer"],"frame":"card","theme":"dark","plate":2249,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/sweep-scope.webp","controls":6,"verified":true,"security":"clean","slop":0,"url":"https://fieldbook.lizardi.mx/components/sweep-scope"},{"plate":2487,"slug":"sweeping-band-button","title":"Sweeping band button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/sweeping-band-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/sweeping-band-button.webp"},{"plate":2250,"slug":"sweeping-progress-bar","title":"Sweeping progress bar","category":"feedback","url":"https://fieldbook.lizardi.mx/components/sweeping-progress-bar","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/sweeping-progress-bar.webp"},{"plate":2822,"slug":"sweeping-shine-text","title":"Sweeping shine text","category":"text-effects","url":"https://fieldbook.lizardi.mx/components/sweeping-shine-text","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/sweeping-shine-text.webp"},{"slug":"sweeping-status-text","title":"Sweeping status text","description":"A large status word that swaps on a steady beat while a bright band sweeps endlessly across the letterforms.","category":"text-effects","tags":["text","loading","status","shimmer","sweep","gradient"],"frame":"card","theme":"either","plate":2060,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/sweeping-status-text.webp","controls":4,"verified":true,"security":"clean","slop":14,"url":"https://fieldbook.lizardi.mx/components/sweeping-status-text"},{"slug":"swelling-gradient-pill","title":"Swelling pill button","description":"A one-hue gradient pill that swells larger on hover while a tinted shadow spreads beneath it, and compresses briefly when pressed.","category":"buttons","tags":["button","pill","gradient","hover","scale","shadow","cta"],"frame":"inline","theme":"either","plate":2578,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/swelling-gradient-pill.webp","controls":5,"verified":true,"security":"clean","slop":14,"url":"https://fieldbook.lizardi.mx/components/swelling-gradient-pill"},{"slug":"swelling-pill-add-button","title":"Swelling pill add button","description":"A heavy accent pill with a slowly breathing plus mark that swells about a tenth larger on a long slow ease and sinks into an inner shadow when held.","category":"buttons","tags":["button","pill","add","swell","pulse","focus ring","press"],"frame":"inline","theme":"either","plate":2061,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/swelling-pill-add-button.webp","controls":5,"verified":true,"security":"clean","slop":22,"url":"https://fieldbook.lizardi.mx/components/swelling-pill-add-button"},{"plate":2445,"slug":"swipe-action-row","title":"Swipe action row","category":"overlays","url":"https://fieldbook.lizardi.mx/components/swipe-action-row","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/swipe-action-row.webp"},{"plate":2446,"slug":"swipe-away-card-deck","title":"Swipe away card deck","category":"layout","url":"https://fieldbook.lizardi.mx/components/swipe-away-card-deck","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/swipe-away-card-deck.webp"},{"plate":2666,"slug":"swipe-fill-press-pill","title":"Swipe fill press pill","category":"buttons","url":"https://fieldbook.lizardi.mx/components/swipe-fill-press-pill","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/swipe-fill-press-pill.webp"},{"slug":"swipe-photo-stack","title":"Swipe photo stack","description":"A pile of photo cards where the top one can be flung left or right, sending it to the back as the stack shuffles forward.","category":"cards","tags":["swipe stack","drag","photo deck","shuffle","gesture","spring"],"frame":"card","theme":"dark","plate":1838,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/swipe-photo-stack.webp","controls":4,"verified":true,"security":"clean","slop":40,"url":"https://fieldbook.lizardi.mx/components/swipe-photo-stack"},{"plate":2447,"slug":"swipe-reveal-actions","title":"Swipe Reveal Actions","category":"overlays","url":"https://fieldbook.lizardi.mx/components/swipe-reveal-actions","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/swipe-reveal-actions.webp"},{"plate":2448,"slug":"swipeable-slide-deck","title":"Swipeable slide deck","category":"media","url":"https://fieldbook.lizardi.mx/components/swipeable-slide-deck","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/swipeable-slide-deck.webp"},{"plate":2062,"slug":"switch-spring-lab","title":"Switch Spring Lab","category":"inputs","url":"https://fieldbook.lizardi.mx/components/switch-spring-lab","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/switch-spring-lab.webp"},{"plate":2063,"slug":"syntax-tab-switcher","title":"Syntax Tab Switcher","category":"navigation","url":"https://fieldbook.lizardi.mx/components/syntax-tab-switcher","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/syntax-tab-switcher.webp"},{"slug":"tag-chips-field","title":"Tag chips field","description":"A text field that turns each entry into a small removable chip, for collecting a short list of keywords or labels.","category":"inputs","tags":["tags","chips","input","keywords","multi value"],"frame":"inline","theme":"either","plate":2803,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/tag-chips-field.webp","controls":2,"verified":true,"security":"clean","slop":0,"url":"https://fieldbook.lizardi.mx/components/tag-chips-field"},{"slug":"tall-code-keypad","title":"Tall Code Keypad","description":"A borderless verification form built on unusually tall code boxes, with digits that land with a short bounce and a held backspace that clears everything.","category":"forms","tags":["verification","one time code","auth","keypad","tall","clear","form","digits"],"frame":"card","theme":"either","plate":2064,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/tall-code-keypad.webp","controls":5,"verified":true,"security":"clean","slop":0,"url":"https://fieldbook.lizardi.mx/components/tall-code-keypad"},{"slug":"tapered-funnel-stages","title":"Tapered Funnel Stages","description":"A conversion funnel where each stage is a smooth tapering band backed by halo layers that spread when you hover it.","category":"charts","tags":["funnel","conversion","stages","halo","stagger","drop-off","analytics"],"frame":"wide","theme":"either","plate":1896,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/tapered-funnel-stages.webp","controls":6,"verified":true,"security":"clean","slop":10,"url":"https://fieldbook.lizardi.mx/components/tapered-funnel-stages"},{"plate":2065,"slug":"task-log-loader","title":"Task Log Loader","category":"feedback","url":"https://fieldbook.lizardi.mx/components/task-log-loader","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/task-log-loader.webp"},{"plate":2899,"slug":"team-permission-matrix","title":"Team permission matrix","category":"data-display","url":"https://fieldbook.lizardi.mx/components/team-permission-matrix","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/team-permission-matrix.webp"},{"slug":"team-size-stepper","title":"Team size stepper","description":"A stepper for picking a team size where each step reveals or tucks away one avatar in an overlapping stack above the count.","category":"inputs","tags":["stepper","avatars","counter","team","stack"],"frame":"card","theme":"either","plate":2784,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/team-size-stepper.webp","controls":3,"verified":true,"security":"clean","slop":18,"url":"https://fieldbook.lizardi.mx/components/team-size-stepper"},{"slug":"text-field-basic","title":"Text field","description":"A single-line text field with a soft border, an accent focus ring, a muted placeholder and a proper disabled state.","category":"inputs","tags":["input","text","form","focus-ring","disabled"],"frame":"inline","theme":"either","plate":2785,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/text-field-basic.webp","controls":3,"verified":true,"security":"clean","slop":0,"url":"https://fieldbook.lizardi.mx/components/text-field-basic"},{"plate":2066,"slug":"text-morph-cycle","title":"Morphing Headline","category":"text-effects","url":"https://fieldbook.lizardi.mx/components/text-morph-cycle","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/text-morph-cycle.webp"},{"slug":"text-style-toggle-group","title":"Text style toggle group","description":"A joined trio of style toggles for bold, italic and underline that restyle a live sample line sitting right beneath the group.","category":"inputs","tags":["toggle","segmented","formatting","bold","italic","underline","editor"],"frame":"card","theme":"either","plate":2812,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/text-style-toggle-group.webp","controls":5,"verified":true,"security":"clean","slop":0,"url":"https://fieldbook.lizardi.mx/components/text-style-toggle-group"},{"plate":1657,"slug":"theme-toggle-button","title":"Theme toggle button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/theme-toggle-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/theme-toggle-button.webp"},{"slug":"themed-chart-frame","title":"Themed chart frame","description":"A reusable grouped bar chart frame that gives every series a consistent color, a styled floating tooltip, and a legend that dims other series on hover.","category":"charts","tags":["bar chart","chart theme","tooltip","legend","grouped bars"],"frame":"wide","theme":"either","plate":2103,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/themed-chart-frame.webp","controls":5,"verified":true,"security":"clean","slop":22,"url":"https://fieldbook.lizardi.mx/components/themed-chart-frame"},{"slug":"threaded-post-card","title":"Threaded post card","description":"A social post rendered as a framed panel with a verified author, a multi-line body and one nested reply below a rule.","category":"cards","tags":["post card","social","reply thread","verified","feed","quote"],"frame":"card","theme":"either","plate":1816,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/threaded-post-card.webp","controls":4,"verified":true,"security":"clean","slop":22,"url":"https://fieldbook.lizardi.mx/components/threaded-post-card"},{"slug":"three-layer-push-button","title":"Three layer push button","description":"A tactile key built from three stacked plates, a cast shadow, a dark side wall and a floating face, that springs up on hover and bottoms out instantly on press.","category":"buttons","tags":["button","push","key","layered","spring","press","depth","tactile"],"frame":"inline","theme":"either","plate":2620,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/three-layer-push-button.webp","controls":5,"verified":true,"security":"clean","slop":14,"url":"https://fieldbook.lizardi.mx/components/three-layer-push-button"},{"plate":1658,"slug":"three-weight-button","title":"Three weight button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/three-weight-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/three-weight-button.webp"},{"plate":2251,"slug":"threshold-level-meter","title":"Threshold level meter","category":"feedback","url":"https://fieldbook.lizardi.mx/components/threshold-level-meter","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/threshold-level-meter.webp"},{"plate":2067,"slug":"thumb-icon-switch","title":"Thumb icon switch","category":"inputs","url":"https://fieldbook.lizardi.mx/components/thumb-icon-switch","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/thumb-icon-switch.webp"},{"plate":2449,"slug":"thumbnail-to-video-lightbox","title":"Thumbnail-to-video lightbox","category":"overlays","url":"https://fieldbook.lizardi.mx/components/thumbnail-to-video-lightbox","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/thumbnail-to-video-lightbox.webp"},{"plate":2682,"slug":"ticker-swap-button","title":"Ticker swap button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/ticker-swap-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/ticker-swap-button.webp"},{"plate":2900,"slug":"ticket-triage-list","title":"Ticket triage list","category":"blocks","url":"https://fieldbook.lizardi.mx/components/ticket-triage-list","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/ticket-triage-list.webp"},{"plate":1659,"slug":"tide-fill-button","title":"Tide fill button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/tide-fill-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/tide-fill-button.webp"},{"slug":"tile-reveal-swap","title":"Tile reveal swap","description":"Two panels trade places tile by tile, each tile spinning and scaling as it flips, in an order steered from the center, the edges or a spiral.","category":"animation","tags":["tiles","swap","reveal","grid","flip","pattern"],"frame":"card","theme":"either","plate":2252,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/tile-reveal-swap.webp","controls":6,"verified":true,"security":"clean","slop":14,"url":"https://fieldbook.lizardi.mx/components/tile-reveal-swap"},{"slug":"tilt-card","title":"Tilt card","description":"A content card that rotates in 3D toward the pointer with a moving glare, lifts while engaged, and springs back to level when the pointer leaves.","category":"cards","tags":["card","tilt","3d","pointer","parallax","glare","spring"],"frame":"card","theme":"dark","plate":1545,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/tilt-card.webp","controls":3,"verified":true,"security":"clean","slop":14,"url":"https://fieldbook.lizardi.mx/components/tilt-card"},{"slug":"tilt-in-content-frame","title":"Tilt-in content frame","description":"An informational panel that tilts in from an edge, dismisses freely on outside click or Escape, and grows smoothly as a second section of content is revealed.","category":"overlays","tags":["dialog","panel","tilt","outside click","resize","informational"],"frame":"card","theme":"either","plate":2253,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/tilt-in-content-frame.webp","controls":4,"verified":true,"security":"clean","slop":26,"url":"https://fieldbook.lizardi.mx/components/tilt-in-content-frame"},{"slug":"tilt-parallax-tile","title":"Tilt Parallax Tile","description":"A tile that tilts in 3D toward the pointer on springs, lifts an overlay layer above its face, and trails a small caption that leans with cursor speed.","category":"cards","tags":["tilt","parallax","3d","hover","spring","tile","caption"],"frame":"card","theme":"dark","plate":1897,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/tilt-parallax-tile.webp","controls":5,"verified":true,"security":"clean","slop":32,"url":"https://fieldbook.lizardi.mx/components/tilt-parallax-tile"},{"plate":2693,"slug":"tilt-pop-button","title":"Tilt pop button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/tilt-pop-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/tilt-pop-button.webp"},{"plate":1817,"slug":"tilt-spotlight-feature-grid","title":"Tilt Spotlight Grid","category":"cards","url":"https://fieldbook.lizardi.mx/components/tilt-spotlight-feature-grid","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/tilt-spotlight-feature-grid.webp"},{"slug":"tilted-deck-button","title":"Tilted deck button","description":"A button laid back in perspective like a key on a sloped deck, tipping further away and sliding down as it is hovered and pressed.","category":"buttons","tags":["button","perspective","tilt","3d","press","depth"],"frame":"inline","theme":"either","plate":1898,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/tilted-deck-button.webp","controls":4,"verified":true,"security":"clean","slop":22,"url":"https://fieldbook.lizardi.mx/components/tilted-deck-button"},{"plate":2068,"slug":"tilted-perspective-button","title":"Tilted perspective button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/tilted-perspective-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/tilted-perspective-button.webp"},{"slug":"tilted-plinth-cta-button","title":"Tilted plinth call to action","description":"A chunky call to action resting on a solid colored plinth, tilted slightly in space, that lifts off its base on hover and sinks under a press.","category":"buttons","tags":["button","cta","tilt","depth","plinth","press","shadow"],"frame":"inline","theme":"either","plate":2254,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/tilted-plinth-cta-button.webp","controls":5,"verified":true,"security":"clean","slop":8,"url":"https://fieldbook.lizardi.mx/components/tilted-plinth-cta-button"},{"plate":2586,"slug":"tilted-stacked-cta","title":"Tilted Stack CTA","category":"buttons","url":"https://fieldbook.lizardi.mx/components/tilted-stacked-cta","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/tilted-stacked-cta.webp"},{"plate":1753,"slug":"tilted-tile-parallax","title":"Tilted tile parallax","category":"backgrounds","url":"https://fieldbook.lizardi.mx/components/tilted-tile-parallax","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/tilted-tile-parallax.webp"},{"plate":2450,"slug":"tilting-backer-tile-button","title":"Tilting Backer Tile","category":"buttons","url":"https://fieldbook.lizardi.mx/components/tilting-backer-tile-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/tilting-backer-tile-button.webp"},{"plate":1818,"slug":"tilting-cube-field","title":"Tilting cube field","category":"animation","url":"https://fieldbook.lizardi.mx/components/tilting-cube-field","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/tilting-cube-field.webp"},{"plate":1899,"slug":"tilting-rocket-button","title":"Tilting Rocket Button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/tilting-rocket-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/tilting-rocket-button.webp"},{"plate":2581,"slug":"tilting-send-button","title":"Tilting send button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/tilting-send-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/tilting-send-button.webp"},{"slug":"timeline-marker-row","title":"Timeline marker row","description":"One line of a compact activity log: a small icon paired with muted text, or a centered label between two rule lines marking a break between groups of entries.","category":"data-display","tags":["timeline","activity log","marker row","date separator","event list"],"frame":"card","theme":"either","plate":2451,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/timeline-marker-row.webp","controls":3,"verified":true,"security":"clean","slop":8,"url":"https://fieldbook.lizardi.mx/components/timeline-marker-row"},{"plate":2095,"slug":"timeline-scatter-chart","title":"Timeline scatter chart","category":"charts","url":"https://fieldbook.lizardi.mx/components/timeline-scatter-chart","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/timeline-scatter-chart.webp"},{"plate":2638,"slug":"tinted-disc-swell-button","title":"Tinted disc swell button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/tinted-disc-swell-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/tinted-disc-swell-button.webp"},{"slug":"tinted-ring-radar","title":"Tinted ring radar","description":"A polar chart on a softly tinted circular scale: every grid ring carries a faint wash of the accent so the backdrop deepens quietly toward the center.","category":"charts","tags":["radar","polar","tinted grid","rings","fill","chart"],"frame":"card","theme":"either","plate":2452,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/tinted-ring-radar.webp","controls":5,"verified":true,"security":"clean","slop":8,"url":"https://fieldbook.lizardi.mx/components/tinted-ring-radar"},{"slug":"tinted-shadow-buttons","title":"Tinted shadow buttons","description":"A row of solid buttons that each cast a soft shadow in their own hue, so the color of every action bleeds onto the surface underneath it.","category":"buttons","tags":["button","row","colored shadow","hue family","group","actions"],"frame":"wide","theme":"either","plate":1660,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/tinted-shadow-buttons.webp","controls":5,"verified":true,"security":"clean","slop":14,"url":"https://fieldbook.lizardi.mx/components/tinted-shadow-buttons"},{"plate":2453,"slug":"tinted-web-radar","title":"Tinted web radar","category":"charts","url":"https://fieldbook.lizardi.mx/components/tinted-web-radar","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/tinted-web-radar.webp"},{"plate":1546,"slug":"toast-stack","title":"Toast stack","category":"feedback","url":"https://fieldbook.lizardi.mx/components/toast-stack","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/toast-stack.webp"},{"plate":2069,"slug":"todo-strike-checkbox","title":"Todo strike checkbox","category":"inputs","url":"https://fieldbook.lizardi.mx/components/todo-strike-checkbox","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/todo-strike-checkbox.webp"},{"plate":2454,"slug":"toggle-reveal-panel","title":"Toggle Reveal Panel","category":"data-display","url":"https://fieldbook.lizardi.mx/components/toggle-reveal-panel","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/toggle-reveal-panel.webp"},{"slug":"token-budget-meter","title":"Token budget meter","description":"Compare context allocations with a configurable token budget and reserve output space.","category":"blocks","tags":["agent","workspace","token","interactive"],"frame":"wide","theme":"dark","plate":2901,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/token-budget-meter.webp","controls":3,"verified":true,"security":"clean","slop":8,"url":"https://fieldbook.lizardi.mx/components/token-budget-meter"},{"plate":2667,"slug":"tonal-tint-action-button","title":"Tonal tint action button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/tonal-tint-action-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/tonal-tint-action-button.webp"},{"plate":2255,"slug":"tone-pill-label","title":"Tone Pill Label","category":"feedback","url":"https://fieldbook.lizardi.mx/components/tone-pill-label","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/tone-pill-label.webp"},{"slug":"tone-rule-alert","title":"Tone Rule Alert","description":"An inline notice banner with an icon and a colored accent that shifts between neutral, info, success, warning, and error tones.","category":"feedback","tags":["alert","banner","notice","status tone","inline message"],"frame":"card","theme":"either","plate":2256,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/tone-rule-alert.webp","controls":4,"verified":true,"security":"clean","slop":8,"url":"https://fieldbook.lizardi.mx/components/tone-rule-alert"},{"plate":2902,"slug":"tool-call-inspector","title":"Tool call inspector","category":"blocks","url":"https://fieldbook.lizardi.mx/components/tool-call-inspector","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/tool-call-inspector.webp"},{"plate":2257,"slug":"toolbar-icon-tooltip","title":"Toolbar icon tooltip","category":"overlays","url":"https://fieldbook.lizardi.mx/components/toolbar-icon-tooltip","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/toolbar-icon-tooltip.webp"},{"plate":2657,"slug":"tooltip-tint-icon-row","title":"Tooltip tint icon row","category":"buttons","url":"https://fieldbook.lizardi.mx/components/tooltip-tint-icon-row","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/tooltip-tint-icon-row.webp"},{"plate":2258,"slug":"toss-to-bin-delete-button","title":"Toss to bin delete","category":"buttons","url":"https://fieldbook.lizardi.mx/components/toss-to-bin-delete-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/toss-to-bin-delete-button.webp"},{"slug":"tracing-edge-button","title":"Tracing edge button","description":"A solid button where four hairlines start at opposite corners and draw the whole perimeter on hover, meeting exactly as the outline closes.","category":"buttons","tags":["button","outline","trace","perimeter","hover","hairline"],"frame":"inline","theme":"either","plate":2786,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/tracing-edge-button.webp","controls":4,"verified":true,"security":"clean","slop":32,"url":"https://fieldbook.lizardi.mx/components/tracing-edge-button"},{"plate":1819,"slug":"tracking-crosshair-overlay","title":"Tracking crosshair overlay","category":"cursor","url":"https://fieldbook.lizardi.mx/components/tracking-crosshair-overlay","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/tracking-crosshair-overlay.webp"},{"slug":"trail-breadcrumbs","title":"Trail breadcrumbs","description":"A horizontal breadcrumb trail with separators between each step, muted ancestor links, a bold current page, and an ellipsis that collapses long paths.","category":"navigation","tags":["breadcrumb","trail","navigation","ellipsis"],"frame":"inline","theme":"either","plate":2455,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/trail-breadcrumbs.webp","controls":3,"verified":true,"security":"clean","slop":10,"url":"https://fieldbook.lizardi.mx/components/trail-breadcrumbs"},{"plate":2526,"slug":"trailing-arrows-text-button","title":"Trailing arrows text button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/trailing-arrows-text-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/trailing-arrows-text-button.webp"},{"slug":"trailing-cursor-arrow","title":"Trailing cursor","description":"A drawn cursor that chases the real pointer on a spring, trailing a soft glow and fading afterimages while it turns to face the direction it is travelling.","category":"cursor","tags":["cursor","spring","follow","rotation","pointer","lag"],"frame":"card","theme":"dark","plate":1820,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/trailing-cursor-arrow.webp","controls":5,"verified":true,"security":"clean","slop":8,"url":"https://fieldbook.lizardi.mx/components/trailing-cursor-arrow"},{"plate":2813,"slug":"trailing-echo-text","title":"Trailing echo text","category":"text-effects","url":"https://fieldbook.lizardi.mx/components/trailing-echo-text","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/trailing-echo-text.webp"},{"plate":2070,"slug":"transfer-status-card","title":"Transfer status card","category":"feedback","url":"https://fieldbook.lizardi.mx/components/transfer-status-card","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/transfer-status-card.webp"},{"plate":2673,"slug":"translucent-wash-button","title":"Translucent wash button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/translucent-wash-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/translucent-wash-button.webp"},{"slug":"traveling-border-pill","title":"Traveling border pill","description":"A small pill button whose hairline border carries one bright accent segment endlessly around the outline while the label text picks up the same travelling sheen.","category":"buttons","tags":["button","border","sheen","pill","accent","hover"],"frame":"inline","theme":"dark","plate":2728,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/traveling-border-pill.webp","controls":5,"verified":true,"security":"clean","slop":38,"url":"https://fieldbook.lizardi.mx/components/traveling-border-pill"},{"plate":1821,"slug":"traveling-edge-glow-card","title":"Traveling edge glow card","category":"cards","url":"https://fieldbook.lizardi.mx/components/traveling-edge-glow-card","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/traveling-edge-glow-card.webp"},{"plate":2259,"slug":"traveling-glow-rim-button","title":"Traveling glow rim button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/traveling-glow-rim-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/traveling-glow-rim-button.webp"},{"slug":"traveling-toolbar-tooltip","title":"Traveling Toolbar Tooltip","description":"A single floating tooltip that glides smoothly from one toolbar icon to the next as hover or focus moves between them, instead of disappearing and reappearing each time.","category":"overlays","tags":["tooltip","shared-tooltip","toolbar","gliding-highlight","morphing"],"frame":"wide","theme":"either","plate":2096,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/traveling-toolbar-tooltip.webp","controls":3,"verified":true,"security":"clean","slop":18,"url":"https://fieldbook.lizardi.mx/components/traveling-toolbar-tooltip"},{"slug":"traveling-underglow-pill","title":"Traveling underglow pill","description":"A capsule whose two tone color band travels sideways on hover while a blurred copy behind it lights the surface underneath.","category":"buttons","tags":["button","pill","glow","loop","band","hover","underlight"],"frame":"inline","theme":"dark","plate":2668,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/traveling-underglow-pill.webp","controls":6,"verified":true,"security":"clean","slop":14,"url":"https://fieldbook.lizardi.mx/components/traveling-underglow-pill"},{"slug":"travelling-knob-follow-button","title":"Travelling knob follow button","description":"An outlined pill whose round knob rolls to the far end on hover, painting an accent track behind it and sliding a follower count into view; clicking keeps the followed state and bumps the count.","category":"buttons","tags":["button","follow","knob","pill","count","hover","reveal"],"frame":"inline","theme":"either","plate":2488,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/travelling-knob-follow-button.webp","controls":5,"verified":true,"security":"clean","slop":10,"url":"https://fieldbook.lizardi.mx/components/travelling-knob-follow-button"},{"plate":2787,"slug":"tri-state-checkbox","title":"Tri-state checkbox","category":"inputs","url":"https://fieldbook.lizardi.mx/components/tri-state-checkbox","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/tri-state-checkbox.webp"},{"plate":1822,"slug":"true-hover-swatch","title":"True hover swatch","category":"animation","url":"https://fieldbook.lizardi.mx/components/true-hover-swatch","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/true-hover-swatch.webp"},{"slug":"tube-screen-plasma","title":"Tube screen plasma","description":"A bulging glass screen showing slow plasma blobs, complete with scanlines, chunky pixels, a color fringe and a soft glow off the phosphors.","category":"backgrounds","tags":["background","canvas","retro","scanlines","plasma","pixelated","curvature","glitch"],"frame":"wide","theme":"dark","plate":1754,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/tube-screen-plasma.webp","controls":6,"verified":true,"security":"clean","slop":18,"url":"https://fieldbook.lizardi.mx/components/tube-screen-plasma"},{"plate":1755,"slug":"tunnel-warp-panel","title":"Tunnel Warp Panel","category":"backgrounds","url":"https://fieldbook.lizardi.mx/components/tunnel-warp-panel","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/tunnel-warp-panel.webp"},{"slug":"turbulence-decay-card","title":"Turbulence Decay Card","description":"An artwork panel that smears into noise while the pointer moves fast and re-forms when it slows, drifting and tilting toward the cursor as it goes.","category":"cards","tags":["distortion","noise","displacement","card","pointer","turbulence","drift"],"frame":"card","theme":"dark","plate":1900,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/turbulence-decay-card.webp","controls":5,"verified":true,"security":"clean","slop":14,"url":"https://fieldbook.lizardi.mx/components/turbulence-decay-card"},{"plate":2621,"slug":"twin-bubble-rise-button","title":"Twin Bubble Rise","category":"buttons","url":"https://fieldbook.lizardi.mx/components/twin-bubble-rise-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/twin-bubble-rise-button.webp"},{"plate":2456,"slug":"twin-ring-chart","title":"Twin ring chart","category":"charts","url":"https://fieldbook.lizardi.mx/components/twin-ring-chart","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/twin-ring-chart.webp"},{"slug":"twin-sweep-tile-button","title":"Twin Sweep Tile","description":"A square outlined tile that tilts as it lifts, runs two slanted light bands across itself in opposite directions and trades its glyph for a caption.","category":"buttons","tags":["button","tile","sweep","tilt","reveal","square"],"frame":"inline","theme":"either","plate":1756,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/twin-sweep-tile-button.webp","controls":5,"verified":true,"security":"clean","slop":22,"url":"https://fieldbook.lizardi.mx/components/twin-sweep-tile-button"},{"slug":"twinkle-highlight-text","title":"Twinkle highlight text","description":"Bold highlighted text with small four-pointed sparkle stars that continuously pop in and out at random positions around and over the letters.","category":"text-effects","tags":["sparkles","stars","highlight","twinkle","text"],"frame":"inline","theme":"either","plate":2260,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/twinkle-highlight-text.webp","controls":4,"verified":true,"security":"clean","slop":0,"url":"https://fieldbook.lizardi.mx/components/twinkle-highlight-text"},{"plate":2071,"slug":"two-bar-close-tile","title":"Two bar close tile","category":"buttons","url":"https://fieldbook.lizardi.mx/components/two-bar-close-tile","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/two-bar-close-tile.webp"},{"plate":1661,"slug":"two-face-flip-button","title":"Two face flip button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/two-face-flip-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/two-face-flip-button.webp"},{"plate":2072,"slug":"two-mode-resize-tabs","title":"Two-Mode Resize Tabs","category":"navigation","url":"https://fieldbook.lizardi.mx/components/two-mode-resize-tabs","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/two-mode-resize-tabs.webp"},{"plate":2261,"slug":"two-month-range-picker","title":"Two-Month Range Picker","category":"inputs","url":"https://fieldbook.lizardi.mx/components/two-month-range-picker","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/two-month-range-picker.webp"},{"plate":1909,"slug":"two-series-area-legend","title":"Two series area legend","category":"charts","url":"https://fieldbook.lizardi.mx/components/two-series-area-legend","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/two-series-area-legend.webp"},{"plate":2639,"slug":"two-tone-frame-pill","title":"Two Tone Frame Pill","category":"buttons","url":"https://fieldbook.lizardi.mx/components/two-tone-frame-pill","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/two-tone-frame-pill.webp"},{"slug":"typed-confirm-dialog","title":"Typed confirm dialog","description":"A destructive-action dialog whose confirm button only unlocks once someone types an exact matching phrase, guarding against accidental clicks.","category":"overlays","tags":["dialog","confirmation","destructive-action","guardrail","modal"],"frame":"card","theme":"either","plate":2073,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/typed-confirm-dialog.webp","controls":3,"verified":true,"security":"clean","slop":18,"url":"https://fieldbook.lizardi.mx/components/typed-confirm-dialog"},{"plate":2457,"slug":"typewriter-caption","title":"Typewriter caption","category":"text-effects","url":"https://fieldbook.lizardi.mx/components/typewriter-caption","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/typewriter-caption.webp"},{"plate":2074,"slug":"typewriter-code-block","title":"Typewriter code block","category":"data-display","url":"https://fieldbook.lizardi.mx/components/typewriter-code-block","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/typewriter-code-block.webp"},{"plate":2075,"slug":"typewriter-code-panel","title":"Typewriter code panel","category":"data-display","url":"https://fieldbook.lizardi.mx/components/typewriter-code-panel","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/typewriter-code-panel.webp"},{"plate":1757,"slug":"typewriter-reveal-button","title":"Typewriter reveal button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/typewriter-reveal-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/typewriter-reveal-button.webp"},{"plate":2831,"slug":"typewriter-sentence-cycle","title":"Typewriter sentence cycle","category":"text-effects","url":"https://fieldbook.lizardi.mx/components/typewriter-sentence-cycle","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/typewriter-sentence-cycle.webp"},{"slug":"typing-cursor-text","title":"Typing cursor text","description":"A sentence types out one character at a time behind a blinking cursor, pauses, then erases backward and types the next line in an endless loop.","category":"text-effects","tags":["typing","cursor","typewriter","text-animation","loop"],"frame":"card","theme":"either","plate":2076,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/typing-cursor-text.webp","controls":4,"verified":true,"security":"clean","slop":18,"url":"https://fieldbook.lizardi.mx/components/typing-cursor-text"},{"plate":1662,"slug":"underglow-border-button","title":"Underglow border button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/underglow-border-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/underglow-border-button.webp"},{"plate":1758,"slug":"underglow-glitch-button","title":"Underglow glitch button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/underglow-glitch-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/underglow-glitch-button.webp"},{"plate":1663,"slug":"underline-flood-button","title":"Underline flood button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/underline-flood-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/underline-flood-button.webp"},{"slug":"underline-hint-tooltip","title":"Underline hint tooltip","description":"A dotted-underline word that reveals a short hint bubble above or below it on hover or keyboard focus, driven entirely by CSS.","category":"overlays","tags":["tooltip","css only","hint","underline","focus","accessible"],"frame":"inline","theme":"either","plate":2458,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/underline-hint-tooltip.webp","controls":4,"verified":true,"security":"clean","slop":14,"url":"https://fieldbook.lizardi.mx/components/underline-hint-tooltip"},{"plate":2729,"slug":"underline-sweep-link","title":"Underline sweep link","category":"buttons","url":"https://fieldbook.lizardi.mx/components/underline-sweep-link","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/underline-sweep-link.webp"},{"plate":2077,"slug":"underline-tabs","title":"Underline tabs","category":"navigation","url":"https://fieldbook.lizardi.mx/components/underline-tabs","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/underline-tabs.webp"},{"plate":2459,"slug":"underline-wipe-link-button","title":"Underline Wipe Link","category":"buttons","url":"https://fieldbook.lizardi.mx/components/underline-wipe-link-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/underline-wipe-link-button.webp"},{"plate":2569,"slug":"unfurling-chevron-ring-button","title":"Unfurling chevron ring button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/unfurling-chevron-ring-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/unfurling-chevron-ring-button.webp"},{"plate":1759,"slug":"unrolling-message-pill","title":"Unrolling message pill","category":"buttons","url":"https://fieldbook.lizardi.mx/components/unrolling-message-pill","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/unrolling-message-pill.webp"},{"plate":2262,"slug":"upload-progress-line","title":"Upload Progress Line","category":"feedback","url":"https://fieldbook.lizardi.mx/components/upload-progress-line","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/upload-progress-line.webp"},{"slug":"uppercase-action-button","title":"Uppercase action button","description":"A compact filled action button with an uppercase tracked label, square corners and quiet fill-only hover and pressed states for toolbars and panel headers.","category":"buttons","tags":["button","action","compact","uppercase","toolbar","flat"],"frame":"inline","theme":"either","plate":2706,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/uppercase-action-button.webp","controls":5,"verified":true,"security":"clean","slop":0,"url":"https://fieldbook.lizardi.mx/components/uppercase-action-button"},{"plate":2903,"slug":"usage-billing-workspace","title":"Usage billing workspace","category":"pages","url":"https://fieldbook.lizardi.mx/components/usage-billing-workspace","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/usage-billing-workspace.webp"},{"plate":1547,"slug":"usage-pricing","title":"Usage pricing","category":"blocks","url":"https://fieldbook.lizardi.mx/components/usage-pricing","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/usage-pricing.webp"},{"plate":2078,"slug":"validated-signup-form","title":"Validated Signup Form","category":"forms","url":"https://fieldbook.lizardi.mx/components/validated-signup-form","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/validated-signup-form.webp"},{"slug":"value-labeled-line","title":"Value labeled line","description":"A monthly line chart that prints every value above its own point, so the numbers can be read without hovering anything.","category":"charts","tags":["chart","line","labels","values","monthly","markers"],"frame":"wide","theme":"either","plate":2293,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/value-labeled-line.webp","controls":5,"verified":true,"security":"clean","slop":8,"url":"https://fieldbook.lizardi.mx/components/value-labeled-line"},{"plate":2286,"slug":"value-tagged-bar-chart","title":"Value tagged bar chart","category":"charts","url":"https://fieldbook.lizardi.mx/components/value-tagged-bar-chart","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/value-tagged-bar-chart.webp"},{"plate":2079,"slug":"vector-flow-field","title":"Vector Flow Field","category":"backgrounds","url":"https://fieldbook.lizardi.mx/components/vector-flow-field","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/vector-flow-field.webp"},{"plate":1823,"slug":"velocity-comet-trail","title":"Velocity comet trail","category":"cursor","url":"https://fieldbook.lizardi.mx/components/velocity-comet-trail","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/velocity-comet-trail.webp"},{"plate":1901,"slug":"velocity-marquee","title":"Velocity marquee","category":"scroll","url":"https://fieldbook.lizardi.mx/components/velocity-marquee","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/velocity-marquee.webp"},{"plate":2823,"slug":"velocity-marquee-text","title":"Velocity marquee text","category":"text-effects","url":"https://fieldbook.lizardi.mx/components/velocity-marquee-text","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/velocity-marquee-text.webp"},{"plate":2841,"slug":"velocity-wave-carousel","title":"Velocity wave carousel","category":"scroll","url":"https://fieldbook.lizardi.mx/components/velocity-wave-carousel","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/velocity-wave-carousel.webp"},{"slug":"verification-code-card","title":"Verification Code Card","description":"A boxed verification step with a labelled code field, a Verify button that unlocks only when the code is complete, and a resend link on a countdown.","category":"forms","tags":["verification","one-time-code","auth","form","card","countdown","paste","digits"],"frame":"card","theme":"either","plate":2080,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/verification-code-card.webp","controls":5,"verified":true,"security":"clean","slop":24,"url":"https://fieldbook.lizardi.mx/components/verification-code-card"},{"slug":"vertex-dot-radar-chart","title":"Vertex Dot Radar","description":"A single series polar chart that pins a solid dot on every axis corner so each measured value reads as a point rather than only as a silhouette.","category":"charts","tags":["radar","polar","dots","points","series","grid","chart"],"frame":"card","theme":"either","plate":2460,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/vertex-dot-radar-chart.webp","controls":5,"verified":true,"security":"clean","slop":18,"url":"https://fieldbook.lizardi.mx/components/vertex-dot-radar-chart"},{"slug":"vertical-brightness-slider","title":"Vertical brightness slider","description":"A tall pill slider that fills with light from the bottom as you drag, resists past either end and springs back on release.","category":"inputs","tags":["slider","vertical","drag","brightness","overscroll","spring"],"frame":"inline","theme":"dark","plate":2788,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/vertical-brightness-slider.webp","controls":3,"verified":true,"security":"clean","slop":32,"url":"https://fieldbook.lizardi.mx/components/vertical-brightness-slider"},{"slug":"vertical-choice-dial","title":"Vertical choice dial","description":"A tall column of labels that spins under drag with momentum and snaps the option nearest the center into place as the active choice.","category":"inputs","tags":["picker-wheel","dial","drag-select","vertical-list","scroll-picker","curved-menu"],"frame":"card","theme":"dark","plate":2804,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/vertical-choice-dial.webp","controls":4,"verified":true,"security":"clean","slop":22,"url":"https://fieldbook.lizardi.mx/components/vertical-choice-dial"},{"plate":2263,"slug":"vertical-rail-tabs","title":"Vertical rail tabs","category":"navigation","url":"https://fieldbook.lizardi.mx/components/vertical-rail-tabs","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/vertical-rail-tabs.webp"},{"plate":2461,"slug":"vertical-word-swap","title":"Vertical word swap","category":"text-effects","url":"https://fieldbook.lizardi.mx/components/vertical-word-swap","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/vertical-word-swap.webp"},{"plate":2462,"slug":"video-fill-text","title":"Video Fill Text","category":"text-effects","url":"https://fieldbook.lizardi.mx/components/video-fill-text","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/video-fill-text.webp"},{"plate":2463,"slug":"video-fill-text-mask","title":"Video fill text mask","category":"text-effects","url":"https://fieldbook.lizardi.mx/components/video-fill-text-mask","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/video-fill-text-mask.webp"},{"slug":"view-mode-toggle-switch","title":"View mode toggle switch","description":"A two-state switch that flips a view between two named modes, with a sliding thumb that shrinks under a press and swaps a small icon inside it.","category":"navigation","tags":["toggle","switch","view mode","list grid","segmented"],"frame":"inline","theme":"either","plate":2081,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/view-mode-toggle-switch.webp","controls":4,"verified":true,"security":"clean","slop":10,"url":"https://fieldbook.lizardi.mx/components/view-mode-toggle-switch"},{"slug":"visitor-map-stat-card","title":"Visitor Map Card","description":"A wide traffic card built on a coarse tile map of the world, where each region is tinted by its share and hovering swaps the headline to that region.","category":"data-display","tags":["map","visitors","analytics","tiles","metric","regions","card","traffic"],"frame":"wide","theme":"either","plate":2264,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/visitor-map-stat-card.webp","controls":5,"verified":true,"security":"clean","slop":24,"url":"https://fieldbook.lizardi.mx/components/visitor-map-stat-card"},{"plate":2789,"slug":"voice-capture-button","title":"Voice Capture Button","category":"inputs","url":"https://fieldbook.lizardi.mx/components/voice-capture-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/voice-capture-button.webp"},{"slug":"warm-band-action-button","title":"Warm band action button","description":"A large rounded call to action carrying a warm color band that slides under the label on hover, with a bolt glyph in front.","category":"buttons","tags":["button","call to action","band","warm","bolt","hover","large"],"frame":"inline","theme":"either","plate":2540,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/warm-band-action-button.webp","controls":5,"verified":true,"security":"clean","slop":14,"url":"https://fieldbook.lizardi.mx/components/warm-band-action-button"},{"slug":"warp-lane-streaks","title":"Warp lane streaks","description":"A night road seen from the driver's seat, where two streams of light streaks rush toward and away from a vanishing point and holding the pointer down accelerates everything.","category":"backgrounds","tags":["speed","streaks","road","perspective","canvas","motion"],"frame":"full","theme":"dark","plate":1760,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/warp-lane-streaks.webp","controls":6,"verified":true,"security":"clean","slop":0,"url":"https://fieldbook.lizardi.mx/components/warp-lane-streaks"},{"plate":2082,"slug":"warped-line-flow","title":"Warped line flow","category":"backgrounds","url":"https://fieldbook.lizardi.mx/components/warped-line-flow","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/warped-line-flow.webp"},{"plate":1761,"slug":"warped-tile-tunnel","title":"Warped tile tunnel","category":"backgrounds","url":"https://fieldbook.lizardi.mx/components/warped-tile-tunnel","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/warped-tile-tunnel.webp"},{"plate":2083,"slug":"wash-swap-pill","title":"Wash swap pill","category":"buttons","url":"https://fieldbook.lizardi.mx/components/wash-swap-pill","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/wash-swap-pill.webp"},{"slug":"wavy-letter-heading","title":"Wavy letter heading","description":"A heading whose letters ride a slow wave, each one lagging the last so the line ripples like a flag without losing its baseline.","category":"text-effects","tags":["heading","split text","letters","wave","stagger","typography","kinetic type","ripple"],"frame":"wide","theme":"either","plate":2464,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/wavy-letter-heading.webp","controls":6,"verified":true,"security":"clean","slop":0,"url":"https://fieldbook.lizardi.mx/components/wavy-letter-heading"},{"plate":2904,"slug":"webhook-delivery-inspector","title":"Webhook delivery inspector","category":"blocks","url":"https://fieldbook.lizardi.mx/components/webhook-delivery-inspector","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/webhook-delivery-inspector.webp"},{"plate":1902,"slug":"wedge-pop-pie","title":"Wedge Pop Pie","category":"charts","url":"https://fieldbook.lizardi.mx/components/wedge-pop-pie","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/wedge-pop-pie.webp"},{"plate":2265,"slug":"weekday-only-range-picker","title":"Weekday-Only Range Picker","category":"inputs","url":"https://fieldbook.lizardi.mx/components/weekday-only-range-picker","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/weekday-only-range-picker.webp"},{"plate":2549,"slug":"wheel-hint-scroll-button","title":"Wheel hint scroll button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/wheel-hint-scroll-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/wheel-hint-scroll-button.webp"},{"slug":"winged-crest-button","title":"Winged crest button","description":"A button clipped to a wide winged crest silhouette that fills from the centre outward on hover while the label inverts and a broad glow blooms beneath it.","category":"buttons","tags":["button","crest","wings","silhouette","clip","fill","bloom"],"frame":"inline","theme":"either","plate":2084,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/winged-crest-button.webp","controls":5,"verified":true,"security":"clean","slop":26,"url":"https://fieldbook.lizardi.mx/components/winged-crest-button"},{"slug":"wipe-fill-button","title":"Wipe fill button","description":"A pill button whose coin sized disc grows to cover the whole shape on hover, wiping the accent fill out from under a label that never moves.","category":"buttons","tags":["button","wipe","fill","hover","pill","cta"],"frame":"inline","theme":"either","plate":1664,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/wipe-fill-button.webp","controls":5,"verified":true,"security":"clean","slop":0,"url":"https://fieldbook.lizardi.mx/components/wipe-fill-button"},{"plate":1839,"slug":"wipe-fill-button-2","title":"Left Wipe Button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/wipe-fill-button-2","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/wipe-fill-button-2.webp"},{"plate":2266,"slug":"wipe-fill-button-3","title":"Left wipe button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/wipe-fill-button-3","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/wipe-fill-button-3.webp"},{"slug":"wiping-multi-series-line","title":"Wiping multi series line","description":"A multi series line chart that wipes in on first paint, glides to a new range as the data changes, and shows a snapping crosshair readout across every series.","category":"charts","tags":["line","chart","series","crosshair","reveal","trend"],"frame":"wide","theme":"either","plate":1903,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/wiping-multi-series-line.webp","controls":6,"verified":true,"security":"clean","slop":18,"url":"https://fieldbook.lizardi.mx/components/wiping-multi-series-line"},{"slug":"wire-curtain-drift","title":"Wire Curtain","description":"A curtain of closely spaced vertical wires that folds like cloth in a slow draft and tears open along the path of the pointer.","category":"backgrounds","tags":["wires","background","canvas","noise","cloth","ripple","pointer","ambient"],"frame":"full","theme":"dark","plate":2267,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/wire-curtain-drift.webp","controls":5,"verified":true,"security":"clean","slop":0,"url":"https://fieldbook.lizardi.mx/components/wire-curtain-drift"},{"slug":"word-morph-blend","title":"Word morph blend","description":"One large word dissolves through a heavy blur and re-solidifies into the next word in a short rotating list, the two never crossfading cleanly but visibly melting into each other.","category":"text-effects","tags":["morph","word swap","blur transition","rotating text","dissolve"],"frame":"card","theme":"either","plate":2268,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/word-morph-blend.webp","controls":4,"verified":true,"security":"clean","slop":0,"url":"https://fieldbook.lizardi.mx/components/word-morph-blend"},{"plate":2269,"slug":"word-morph-blend-2","title":"Word Crossfade Blend","category":"text-effects","url":"https://fieldbook.lizardi.mx/components/word-morph-blend-2","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/word-morph-blend-2.webp"},{"plate":2085,"slug":"word-swap-loop","title":"Word swap loop","category":"text-effects","url":"https://fieldbook.lizardi.mx/components/word-swap-loop","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/word-swap-loop.webp"},{"plate":2465,"slug":"word-swap-rotator","title":"Word Swap Rotator","category":"text-effects","url":"https://fieldbook.lizardi.mx/components/word-swap-rotator","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/word-swap-rotator.webp"},{"plate":2694,"slug":"word-tumble-button","title":"Word tumble button","category":"buttons","url":"https://fieldbook.lizardi.mx/components/word-tumble-button","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/word-tumble-button.webp"},{"plate":2270,"slug":"woven-silk-drape","title":"Woven silk drape","category":"backgrounds","url":"https://fieldbook.lizardi.mx/components/woven-silk-drape","access":"member","thumbnail":"https://fieldbook.lizardi.mx/thumbs/woven-silk-drape.webp"},{"slug":"zoned-cursor-tag","title":"Zoned cursor tag","description":"A custom pointer whose trailing tag rewrites itself and flips to the other side as it crosses between the zones of a split panel.","category":"cursor","tags":["cursor","pointer","tag","zones","contextual","follow","spring"],"frame":"wide","theme":"either","plate":1824,"access":"open","frameworks":["react","vue","svelte","astro","html"],"thumbnail":"https://fieldbook.lizardi.mx/thumbs/zoned-cursor-tag.webp","controls":6,"verified":true,"security":"clean","slop":8,"url":"https://fieldbook.lizardi.mx/components/zoned-cursor-tag"}]}