Teachable UI components examples
Browse Teachable UI component design examples. Preview individual interface elements and explore related component categories. Create and sell online courses and coaching
Explore the examples
A rich text editor block for creating an open-ended question, including a toolbar for formatting, an option to add an image, and toggle switches for requiring an answer and enabling file uploads.
A tabbed interface for adding a video, showing an inline alert that blocks the embed feature until the user upgrades their plan.
A rich text editor component featuring a formatting toolbar and a prominent AI assistant button in the header.
A dark-themed vertical sidebar navigation menu for an admin dashboard. It includes a school title, primary navigation links with icons, a 'Products' section with an add button, and a user profile footer with a more options menu.
A horizontal banner prompting the user to upgrade from a free plan to a paid plan. It features an illustration on the left, a title and description in the center, and an 'Upgrade now' button on the right.
A bordered area for uploading an image, featuring an icon, instructions on aspect ratio and size, and an upload button.
Browse the full component library
Browse the full UI component library.
Trusted by the best teams
