Error State
28 error pages: 404 pages, and the states next to them, from a server error to a timed redirect.
Each one installs on its own. Preview it at desktop, tablet or mobile width, in either direction. New to blocks? Start with the introduction.
Showing 28 types
Centered Minimal
Open full screen (opens in a new tab)Install
bash
npx @smicolon/fasla-ui@latest add error-state-centered-minimalSearch Recovery
Open full screen (opens in a new tab)Install
bash
npx @smicolon/fasla-ui@latest add error-state-search-recoveryDisplay Numeral Split
Open full screen (opens in a new tab)Install
bash
npx @smicolon/fasla-ui@latest add error-state-display-numeral-splitEditorial Photo Split
Open full screen (opens in a new tab)Install
bash
npx @smicolon/fasla-ui@latest add error-state-editorial-photo-splitFull-Bleed Photo
Open full screen (opens in a new tab)Install
bash
npx @smicolon/fasla-ui@latest add error-state-full-bleed-photoColour Field Scatter
Open full screen (opens in a new tab)Install
bash
npx @smicolon/fasla-ui@latest add error-state-colour-field-scatterDark Spotlight
Open full screen (opens in a new tab)Install
bash
npx @smicolon/fasla-ui@latest add error-state-dark-spotlightGhost Watermark
Open full screen (opens in a new tab)Install
bash
npx @smicolon/fasla-ui@latest add error-state-ghost-watermarkHelpful Links List
Open full screen (opens in a new tab)Install
bash
npx @smicolon/fasla-ui@latest add error-state-helpful-links-listPopular Pages Grid
Open full screen (opens in a new tab)Install
bash
npx @smicolon/fasla-ui@latest add error-state-popular-pages-gridError Card Panel
Open full screen (opens in a new tab)Install
bash
npx @smicolon/fasla-ui@latest add error-state-error-card-panelIllustrated Empty State
Open full screen (opens in a new tab)Install
bash
npx @smicolon/fasla-ui@latest add error-state-illustrated-empty-stateLight Editorial
Open full screen (opens in a new tab)Install
bash
npx @smicolon/fasla-ui@latest add error-state-light-editorialLayered Badge Centered
Open full screen (opens in a new tab)Install
bash
npx @smicolon/fasla-ui@latest add error-state-layered-badge-centeredServer Error 500
Open full screen (opens in a new tab)Install
bash
npx @smicolon/fasla-ui@latest add error-state-server-error-500Access Denied 403
Open full screen (opens in a new tab)Install
bash
npx @smicolon/fasla-ui@latest add error-state-access-denied-403Offline State
Open full screen (opens in a new tab)Install
bash
npx @smicolon/fasla-ui@latest add error-state-offline-stateMaintenance Mode
Open full screen (opens in a new tab)Install
bash
npx @smicolon/fasla-ui@latest add error-state-maintenance-modeEmpty Search Results
Open full screen (opens in a new tab)Install
bash
npx @smicolon/fasla-ui@latest add error-state-empty-search-resultsRecovery Bento
Open full screen (opens in a new tab)Install
bash
npx @smicolon/fasla-ui@latest add error-state-recovery-bentoSitemap Columns
Open full screen (opens in a new tab)Install
bash
npx @smicolon/fasla-ui@latest add error-state-sitemap-columnsTerminal Console
Open full screen (opens in a new tab)Install
bash
npx @smicolon/fasla-ui@latest add error-state-terminal-consolePhoto Collage Scatter
Open full screen (opens in a new tab)Install
bash
npx @smicolon/fasla-ui@latest add error-state-photo-collage-scatterSupport Escalation Band
Open full screen (opens in a new tab)Install
bash
npx @smicolon/fasla-ui@latest add error-state-support-escalation-bandSplit Colour Panel
Open full screen (opens in a new tab)Install
bash
npx @smicolon/fasla-ui@latest add error-state-split-colour-panelMarquee 404 Band
Open full screen (opens in a new tab)Install
bash
npx @smicolon/fasla-ui@latest add error-state-marquee-404-bandBroken Trail Breadcrumb
Open full screen (opens in a new tab)Install
bash
npx @smicolon/fasla-ui@latest add error-state-broken-trail-breadcrumbCountdown Redirect
Open full screen (opens in a new tab)Install
bash
npx @smicolon/fasla-ui@latest add error-state-countdown-redirect