A wider screen, please

This page features interactive demos and side-by-side code samples that need at least 340 pixels of horizontal space. Please widen your browser window, or rotate your device, to continue.

MORPHEUS v0.1.0 Open Alpha

Server-Driven Stylable Customizable Template Friendly Open-Source Framework Agnostic Web Components

Browse components View Source
Appearance Pick a palette and a light/dark mode.Default Sunshine Ocean Matrix Rose Light System Dark
Hypermedia & Data Stars
TeamMost popular $24/seat · month PROMO CODE Start 14-day trial
System load · uptime: 30 days+0.04% 99.97% 14ms p99 3 regions healthy · 0 incidents
Directory12
src/components/button.ts src/components/dialog.ts src/components/tree.ts src/index.ts assets/logo.svg README.md package.json
 File Folder From template… Rename project
ZIP archive JSON Markdown bundle General Permissions Slack GitHub Linear
Archive Delete project
src New file New folder From template… Rename…DuplicateCopy path
Collapse allReveal in finder
Delete folderRename…DuplicateCopy path
Collapse allReveal in finder
Delete folder
components New file New folder From template… Rename…DuplicateCopy path
Collapse allReveal in finder
Delete folderRename…DuplicateCopy path
Collapse allReveal in finder
Delete folder
button.ts M OpenRename…DuplicateCopy path
Download
DeleteOpenRename…DuplicateCopy path
Download
Delete
dialog.ts OpenRename…DuplicateCopy path
Download
DeleteOpenRename…DuplicateCopy path
Download
Delete
tree.ts + OpenRename…DuplicateCopy path
Download
DeleteOpenRename…DuplicateCopy path
Download
Delete
lib New file New folder From template… Rename…DuplicateCopy path
Collapse allReveal in finder
Delete folderRename…DuplicateCopy path
Collapse allReveal in finder
Delete folder
index.ts OpenRename…DuplicateCopy path
Download
DeleteOpenRename…DuplicateCopy path
Download
Delete
assets New file New folder From template… Rename…DuplicateCopy path
Collapse allReveal in finder
Delete folderRename…DuplicateCopy path
Collapse allReveal in finder
Delete folder
icons New file New folder From template… Rename…DuplicateCopy path
Collapse allReveal in finder
Delete folderRename…DuplicateCopy path
Collapse allReveal in finder
Delete folder
logo.svg OpenRename…DuplicateCopy path
Download
DeleteOpenRename…DuplicateCopy path
Download
Delete
tests New file New folder From template… Rename…DuplicateCopy path
Collapse allReveal in finder
Delete folderRename…DuplicateCopy path
Collapse allReveal in finder
Delete folder
README.md OpenRename…DuplicateCopy path
Download
DeleteOpenRename…DuplicateCopy path
Download
Delete
package.json M OpenRename…DuplicateCopy path
Download
DeleteOpenRename…DuplicateCopy path
Download
Delete

Disk almost full

Workspace storage is at 87%. Archive old projects or expand the volume soon.

Roman Scharkov onlineDiego Vega Samira Khalil Camila Duarte Jan O'Sullivan Alice Larsson Theo Becker Mateusz Wiśniewski
Check out the context menus! 😉
 ReplySelectEditForward Delete
Copy Text Copy Message Link
Report
Right click on messages, right?
 ReplySelectEditForward Delete
Copy Text Copy Message Link
Report
yeah 🚀
 ReplySelectEditForward Delete
Copy Text Copy Message Link
Report

Delete this message?

This removes the selected message from the chat history for everyone in the thread.

Cancel Delete

Report this message?

Send this message to moderation for review. The sender will not be notified by this demo.

Cancel Report

Type a keyword to surface suggestions: try release, changelog, tag, pipeline, or channel.
Open Release Notes ↵
release-2026.05.txt
Release pipeline settings…
#releases
Activity tailing
  • 12:08 info auth: token refreshed for svc-sync
  • 12:26 warn http: slow upstream (820ms · /api/v2/jobs)
  • 12:38 warn cache: miss spike +42% on hot key
  • 12:49 error queue: saturated · 7 dropped
  • 12:56 info deploy: 3 instances ready
  • No logs for this range
 Copy share link Copied
Equalizer EQFlat Bass Studio 601703106001k3k6k12k14k16k
Notifications
MAY 07 Design review · Atlas 10:00 to 11:00 · Conference room
  • Diego VegaGoing Maybe Pending Declined
  • Samira KhalilGoing Maybe Pending Declined
  • Camila DuarteGoing Maybe Pending Declined
  • Jan O'SullivanGoing Maybe Pending Declined
Color #2563EB
This will never finish loading…
Deploymain 8a3f1c2 Replace deploy badge with branch picker alice 12mmain 2f1d9b4 Fix popover scroll regression alice 3hmain c4a7e10 Bump dependencies to v2.4.0 bob 1dmain 7e8d3a5 Add CHANGELOG entry for v2.4.0 release carol 2dfeat/dashboard 7b3e2a8 Wire toaster to deploy events alice 2hfeat/dashboard 9e1c4d2 Initial dashboard scaffold carol 5hfix/auth-redirect 1f9a02c Patch redirect loop on Safari dave 6hfix/auth-redirect 6b4d8f1 Add regression test for token refresh dave 7hchore/deps e3a17c9 Bump go.mod to 1.24 bob 1d Deploy

Deploy to production?

Pushing main · 8a3f1c2 to Frankfurt (eu-central-1). The running fleet will be replaced.

Abort Deploy
 Dry run

Dry run

What would happen if you deployed to Frankfurt right now.

  • 12 files changed +245 / -89
  • 2 database migrations queued
  • Estimated downtime ~2s, rolling
  • 1 secret rotation required

Action required!

1 secret rotation required

Deploy
Close

Let the server drive your UI

Morpheus is designed to be server-side patching friendly.
This demo demonstates how to use neo-select with Datastar .

1. Initial HTML current Server's first render on GET. Placeholder slot waits to be filled.
2. Morph patch options on neo-select-load data-on:neo-select-load calls into an action and the server patches options into the host.
3. Reset morph patch Reset calls into another action that patches the placeholder back in. Next open re-fetches.

Open the dropdown to see the state change

Loading...
 Reset

Type-safe Templ Wrappers.

Each web component ships with a templ wrapper.

templ Jinja2 Twig
template.templ

Accessible by Default

Every primitive ships with full keyboard navigation, ARIA roles, managed focus, and screen reader-tested behavior, built in, not bolted on.

  • Full keyboard navigation. Tab, arrows, Enter, Escape on every interactive surface.
  • Managed focus. Modals trap, popovers restore, skip-links jump.
  • Screen reader friendly. WAI-ARIA roles, labels, and live regions wired in.
  • Respects user preferences. prefers-reduced-motion, prefers-contrast, and prefers-color-scheme.

Account preferences

Saving…
Show more details

Your display name and language sync across devices and are visible to teammates in your workspace directory.

  • Email notifications Weekly summary of mentions and project updates.
  • Two-factor authentication Required when signing in from a new device.
  • Profile visibility Who can find your profile in directories.

Customizable and Stylable

Use scoped CSS variables, attributes, and light-DOM slots  
to customize the look and feel of your UI.

Scoped Theme One wrapper can brand every component inside it.
DefaultCustomShow code billingUpgrade plan
Light DOM Drop in app-specific separators, labels, and content.
DefaultCustomShow code repos morpheus   site
Rich Options Plain text, or rich rows with icons, prices, and a custom trigger face.
DefaultCustomShow code Fastest +CHF 8.70
Fastest CHF 20,-

Will arrive the next day, guaranteed.

 Regular
Regular CHF 11,30
Popular

Will arrive in 3-5 working days.

 Eco -CHF 2.80
Eco CHF 8,50

Delivery might take up to 2 weeks, but you significantly reduce the carbon footprint.

Modular Bundle

Focus the names to see their dependencies.

neo-alertneo-avatarneo-avatarsneo-badgeneo-boundaryneo-breadcrumbneo-buttonneo-buttongroupneo-cardneo-carouselneo-checkboxneo-clipcopyneo-color-fieldneo-comboboxneo-conditionneo-contextmenuneo-datalistneo-dialogneo-drawerneo-elasticneo-iconneo-input-groupneo-kbdneo-keysneo-layoutneo-lightboxneo-menuneo-navgroupneo-paginationneo-persistneo-popoverneo-progressneo-radio-groupneo-ratingneo-resizableneo-revealableneo-selectneo-sidebarneo-skeletonneo-sliderneo-slider-rangeneo-sortableneo-spinnerneo-switchneo-tabsneo-textareaneo-textinputneo-toasterneo-toggleneo-toggle-groupneo-tooltipneo-tree

Open Alpha

Morpheus v0.1.0 is an early access open alpha.
Expect breaking API changes, bugs and unfinished documentation.

The Scharkov brothers Roman Daniel
Contribute File a bug
Morpheus v0.1.0 · Open Alpha