Native Interface Elements
A comprehensive reference for all native HTML interface elements, showing how they render in your current browser and operating system.
About This Project
Native Interface Elements showcases HTML’s built-in form controls and elements without custom styling or JavaScript enhancements. Use this as a reference to:
- See how native elements render across different browsers and platforms
- Reference proper semantic markup for accessibility
- Compare browser implementation differences
- Learn the default behaviors of HTML elements before applying custom styles
Browse components by category using the sidebar, or explore some featured components below to get started.
Element Categories
Form Inputs
Input elements for collecting user data in forms, including text fields, checkboxes, and buttons.
Browse Form Inputs →Interactive Elements
Elements that respond to user interactions like details/summary and dialog components.
Browse Interactive Elements →Table Elements
Elements for creating structured data tables with rows and columns.
Browse Table Elements →Embedded Content
Elements for embedding external content like iframes and objects.
Browse Embedded Content →Featured Components
Text Input
Standard text input field for single-line text entry.
Checkbox Input
Input field for boolean selection.
Button Element
Generic button element for various actions.
Progress
Visual indicator of progress toward a goal.
Details & Summary
Disclosure widget that can show or hide content.
Time
Represents a specific period in time.
Getting Started
To get the most out of this reference guide:
- Use the sidebar navigation to browse elements by category
- View live examples of each element as it renders in your current browser
- Copy the code examples to use in your own projects
- Compare how elements appear across different browsers and devices