Examples
Fully rendered standalone pages built with Oxide UI components. Each link opens a live HTML page you can view, inspect, and copy from directly.
Live pages
| Page | Description |
|---|---|
| Landing Page ↗ | Hero, stats bar, app cards grid, feature section, email CTA, footer |
| Tool App ↗ | Full YouTube thumbnail downloader UI — input form, results panel, download buttons |
| Dashboard ↗ | Sidebar nav, stat cards, usage bars, recent activity table |
| Marketing ↗ | Pricing table (3-tier), FAQ accordion, testimonials, newsletter CTA |
All pages use the Tailwind CDN and Google Fonts directly — no build step needed to view them. In a real Nuxt project, replace the CDN script with your installed Tailwind setup.
Using sections in Nuxt
Each page is structured so you can lift any section out independently. For example, to use just the pricing table:
- Open the Marketing example
- Open DevTools and inspect the pricing section
- Copy the HTML into your Nuxt component
- Done — it's pure Tailwind, no additional dependencies
Component docs vs examples
Component docs (in the Components sidebar) document every variant of a single component in isolation.
Examples (this section) show how components combine into real page layouts. When building a new page, start here for layout reference, then visit individual component pages for all available variants.