Components Skip to Content Link Skip to Content Link - Retro Monochromatic

Skip to Content Link - Retro Monochromatic

Skip to Content Link Component with Retro/Vintage design, Monochromatic color scheme, and Simple complexity.

Preview

HTML Code

```html
<a href="#main-content" class="sr-only focus:not-sr-only fixed z-50 top-4 left-4 bg-stone-800 text-stone-100 px-6 py-3 rounded-md text-lg font-mono tracking-wide uppercase focus:outline-none focus:ring-2 focus:ring-stone-500 focus:ring-opacity-75 dark:bg-stone-100 dark:text-stone-800 dark:focus:ring-stone-400">
  Skip to Content
</a>

<div id="main-content" class="focus:outline-none" tabindex="-1">
  <!-- Page content goes here -->
</div>
```

Related Components

Skip to Content Link

Skip to Content Link Component aligned to Material Design principles, featuring responsive design, dark mode support, and a simple monochromatic color scheme for social media applications.

Open

Glassmorphism Skip to Content Link

Glassmorphism Skip to Content Link Component with Earth Tones for Dashboard.

Open

Brutalist Skip to Content Link (Forest/Green)

A raw, bold 'Skip to Content' link component designed in a brutalist style with a forest/green color palette, suitable for booking/reservation systems. It's responsive and supports dark mode.

Open