{ "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "ink-preloader", "type": "registry:block", "title": "Ink Preloader", "description": "A preloader where ink rises inside your wordmark as the page really loads: the level is a spring, so each milestone surges and sloshes, and the edge feathers like ink soaking into paper. At 100% the ink floods the screen from the word and the sheet lifts away.", "docs": "Ink Preloader was added to public/vividsites/ink-preloader.html. Paste its markup, \n
\n \n \n Estuary\n \n \n \n \n \n Estuary\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n 000\n
\n\n\n\n\n\n" } ], "meta": { "category": "ui", "group": "Loaders, cursors & feedback", "tags": [ "preloader", "loader", "wordmark", "ink", "liquid", "fill", "intro", "svg" ], "tech": [ "SVG", "CSS", "JS" ], "deps": [ "https://fonts.googleapis.com/css2?family=Oswald:wght@700&display=swap" ], "source": null, "free": true, "accent": "#141312", "added": "2026-09-30", "demo": "https://vividsites.app/api/component/ink-preloader/index.html", "thumbnail": "https://vividsites.app/api/component/ink-preloader/thumb.jpg", "video": "https://vividsites.app/api/component/ink-preloader/thumb.mp4", "page": "https://vividsites.app/c/ink-preloader" } }