Built with Duct

Explore real-world websites and applications built with Duct UI. These examples showcase various features and patterns you can learn from and apply to your own projects.

Duct UI Documentation & Demo

The official Duct UI documentation site and component demos. A comprehensive showcase of all Duct features.

Component Library

Static Site Generation

Content Management

All Features

Component Library
Interactive demos of all Duct components
Static Site Generation
Documentation built with Duct SSG
Content Management
Markdown-based documentation system
Theme System
Light/dark mode with DaisyUI integration
Code Highlighting
Syntax highlighting with Prism.js
Navigation
Sidebar navigation with active state management
Blog System
Full blog with pagination and tagging
Selective Reanimation
Static pages with interactive components

Visit Source

Duct UI Starter Template

A feature-rich starter template demonstrating best practices for building websites with Duct.

Blog System

Contact Form

Theme Toggle

All Features

Blog System
Complete blog with pagination and excerpts
Contact Form
Interactive form with modal feedback
Theme Toggle
Persistent theme switching
Responsive Design
Mobile-first responsive layout
Content Collections
Organized markdown content
SEO Optimization
Meta tags and Open Graph support
Container Pattern
Advanced component composition
DaisyUI Components
Semantic color system throughout

Visit Source

Navilan.in

A multilingual personal website showcasing advanced Duct features in production.

Multi-language Support

Advanced Pagination

Custom Markdown Parser

All Features

Multi-language Support
English and Tamil content
Advanced Pagination
Dynamic page generation based on content
Custom Markdown Parser
Enhanced markdown with plugins
Custom Nunjucks Filters
Template processing extensions
Content Co-location
Images stored with markdown files
Bilingual Navigation
Language-aware routing
Production Deployment
Real-world performance optimization
Clean URL Structure
SEO-friendly paths

Visit Source

💡 Tip: Study these projects to see different approaches to building with Duct:Framework documentation,Starter template, andProduction website

Share Your Project

Have you built something with Duct? Share it in our Show and Tell discussions and it might be featured here!

When sharing, include:

Link to your live website
Source code (if available)
Key features you’ve implemented
What you learned building with Duct

🎯 What to Look For

How different projects organize their content/ directories
Various approaches to theme implementation and customization
Different navigation patterns and user interface designs
How static site generation is configured for different use cases
Integration patterns with external services and APIs
Multi-language content management strategies
Performance optimization techniques in production