Showing 0 results
Card
Card pattern collection including placeholder and QR card demos.
Card List
Card list pattern collection including expanding and pricing variants.
Digital Clock
Digital clock patterns with multiple visual and JS variations.
Form Patterns
Interactive form patterns and validation-oriented demos.
Modal
Consolidated modal playground containing modal window interaction pattern.
Navigation
Consolidated navigation playground containing side-nav buttons, a mobile footer navigation demo, and a segmented workspace navigation demo.
Popup
Popup pattern with modal overlay, close controls, and backdrop interaction.
Progress Steps
Step-based progress indicator with previous and next controls.
Scrollspy
Scrollspy interaction pattern with viewport-triggered reveal behavior.
Slider
Consolidated slider playground containing background, vertical, carousel, CSS-only carousel, and gallery grid pagination variations.
Tabs
Consolidated tabs playground containing CSS-only and JavaScript-powered navigation tabs.
Theme Switch
Theme switch pattern for toggling visual palettes and UI state.
Toggle Group
Toggle group pattern for segmented controls and stateful options.
FCC RWD Example Personal Portfolio Webpage
A personal portfolio webpage built using HTML, CSS, and JavaScript, following the FreeCodeCamp curriculum for responsive web design. This project serves as a template for creating a personal portfolio website that showcases projects, skills, and contact information.
Landing Page Animated Tawilwind Template
Landing page built with Tailwind CSS
Landing Page Menu Slide
Landing page with a menu that slides in from the left. The menu is hidden by default and can be toggled by clicking on the menu icon.
Landing Page Splash Clone
Landing page - Splash Clone
Portfolio Light and Dark Mode
Portfolio Light and Dark Mode is a project that demonstrates how to implement a light and dark mode toggle feature on a portfolio website. The project is built using HTML, CSS, JavaScript, and Handlebars for templating. It allows users to switch between light and dark themes, enhancing the user experience and accessibility of the portfolio site.
Portfolio Simplefolio
Portfolio Simplefolio is a project that demonstrates how to implement a light and dark mode toggle feature on a portfolio website. The project is built using HTML, CSS, JavaScript, and Handlebars for templating. It allows users to switch between light and dark themes, enhancing the user experience and accessibility of the portfolio site.
Act School Wisdom Accent
A design system for Act School, a fictional educational platform. The design system includes a set of reusable components, styles, and guidelines to ensure consistency across the platform.
Big Frontend Dev
Base page template for BigFrontend.dev challenges with shared grid layout and favicon wiring.
Codepen Challenges
Base page template for CodePen challenge implementations with shared 12-column grid layout styles localized into the project.
Dev Days Matrix
Base page template for Dev Days Matrix projects with attribution footer and optional background image variables.
Free Code Camp
Base page template for freeCodeCamp challenge implementations with shared 12-column grid layout localized into the project.
Frontend Mentor
Base page template for Frontend Mentor challenge implementations with localized grid styles and attribution footer.
FrontendPractice.com Base Page Template
Base page template for Frontend Practice challenge implementations with localized grid styles.
Generic Base Page Template
Generic base page template for demos and system explorations with localized reset, theme, typography, and grid styles.
Great Frontend Base Page Template
Base page template for Great Frontend exercises with localized grid styles.
Harmonic Sizes
A token system for managing harmonic sizes in design systems.
Landing
Landing page template baseline with hero, features, testimonial, and footer sections.
Browser Detect
Parses user-agent strings and renders detected browser and OS combinations in a table.
Button
Consolidated button playground containing base button styles and a ripple interaction variation.
Drag N Drop
HTML Drag and Drop demo that lets a draggable tile move between drop zones.
Form Components
Collection of form-focused UI patterns and controls.
Keyboard Keys
Displays the key name, keyCode, and code values when any keyboard key is pressed.
List
List component variants for definition and unordered content.
Pill
Pill component with round and active states for compact status or step indicators.
Timer
Timer component variants with countdown and elapsed-time behavior.
Toast
Toast notification patterns for transient status messaging.
Typography
Typography components for consistent text styling.
Paint
Paint interaction component with canvas controls and color tools.
Accordion
Consolidated accordion playground containing CSS accordion and FAQ collapse variations.
Alert
Consolidated alert playground containing dismissible alert pattern.
Layouts
Layouts pattern collection with cards and dashboard sections.
Like
Like interaction pattern with animated feedback and state toggles.
Loader
Loader pattern set including CSS animated loading indicators.
No Components Found
Try clearing filters or broadening your search terms.