Skip to content

Jitter UI components examples

Browse Jitter UI component design examples. Preview individual interface elements and explore related component categories. Motion design made simple

Explore the examples

Jitter — Hero section component
Jitter logo
Jitter

A hero section featuring a top navigation header with a logo, links, and a sign-in button. The main body displays a large headline 'Motion design made simple' styled to look like it's selected in a design tool, complete with a bounding box and floating toolbars. A primary…

Jitter — Upgrade your plan component
Jitter logo
Jitter

A context menu opened from a team list item in a sidebar, showing options to create files, folders, invite members, and access settings. The 'New folder' option includes an 'UPGRADE' badge.

Jitter — Upgrade your plan component
Jitter logo
Jitter

A dark-themed tooltip pointing to a locked 'New folder' action, prompting the user to upgrade their team to unlock unlimited folders.

Jitter — Empty state component
Jitter logo
Jitter

An empty state message indicating that the file list is empty, providing links to create a new file, import from Figma, or start from a template.

Jitter — Dropdown menu component
Jitter logo
Jitter

A dropdown menu showing various export options for a design project, including Video, GIF, and Lottie formats with different resolutions.

Jitter — Click to copy component
Jitter logo
Jitter

A read-only input field displaying a truncated URL with a copy icon button on the right.

Jitter — Illustration component
Jitter logo
Jitter

An illustration showing a wireframe globe with two avatar icons placed on it, representing global collaboration or sharing.

Jitter — Dropdown menu component
Jitter logo
Jitter

A popover menu for sharing a file, featuring an illustration, file title, a read-only input with a shareable link, and a prominent 'Copy link' button.

Jitter — Dropdown menu component
Jitter logo
Jitter

A context menu with editing options.

Jitter — Color picker component
Jitter logo
Jitter

A split view showing a dark-themed color picker on the left and a light-themed property inspector on the right. The color picker includes a gradient area, hue and opacity sliders, an eyedropper tool, and hex/opacity inputs. The inspector panel controls Fill, Stroke, and…

Jitter — Slider component
Jitter logo
Jitter

A panel displaying an animation easing curve with a slider to adjust its smoothness.

Jitter — Dropdown menu component
Jitter logo
Jitter

A dropdown menu displaying animation property options categorized into Transform, Style, and Other.

Browse the full component library

Browse the full UI component library.

Trusted by the best teams