Skip to content
Neumorphism UI
DocsStylingChartsTemplates
—
EN
English한국어简体中文日本語
8 templates

Templates

Try the examples, then install their source with shadcn.

Performance overview

Review revenue, visits and conversion for the selected period and channel.

2026-09-17 – 2026-09-30 · Recorded days: 14 / 14

Revenue
$60,644.00
Visits
23,778
Converted visits
1,210
Conversion rate
5.09%

Revenue against target

Daily revenue, displayed as currency. The dashed line is the target.

Revenue: $60,644.00 · Target: $75,810.00

View exact data
Revenue against target
DateRevenueTarget
2026-09-17$3,682.00$5,064.00
2026-09-18$3,842.00$5,118.00
2026-09-19$4,292.00$5,172.00
2026-09-20$4,542.00$5,226.00
2026-09-21$3,640.00$5,280.00
2026-09-22$4,040.00$5,334.00
2026-09-23$4,142.00$5,388.00
2026-09-24$4,642.00$5,442.00
2026-09-25$4,842.00$5,496.00
2026-09-26$3,890.00$5,550.00
2026-09-27$4,340.00$5,604.00
2026-09-28$4,550.00$5,658.00
2026-09-29$5,000.00$5,712.00
2026-09-30$5,200.00$5,766.00

Acquisition mix

Channel totals in the selected period. Every bar starts at zero.

Visits: 23,778

View exact data
Acquisition mix
Acquisition channelVisitsConverted visitsConversion rate
Organic9,4703864.08%
Direct8,0114205.24%
Referral6,2974046.42%

Visit conversion

Converted visits divided by visits. The vertical scale stays at 0–100%.

5.09% · 1,210 / 23,778

View exact data
Visit conversion
DateVisitsConverted visitsConversion rate
2026-09-171,557734.69%
2026-09-181,547774.98%
2026-09-191,622865.3%
2026-09-201,612915.65%
2026-09-211,602724.49%
2026-09-221,677804.77%
2026-09-231,667834.98%
2026-09-241,742935.34%
2026-09-251,732975.6%
2026-09-261,722774.47%
2026-09-271,797864.79%
2026-09-281,787915.09%
2026-09-291,8621005.37%
2026-09-301,8521045.62%

Missing days are gaps, not zero. A zero-visit conversion rate is undefined (—).

Totals cover available records; this is not a completeness guarantee. The window ends at the latest supplied date.

Illustrative data · September 2026 · USD. No live service is connected.

Analytics dashboard

Compare revenue and conversion by period and channel. View exact values or export CSV.

@neumorphism-ui/template-analyticsView template

Account settings

Edit your profile and notification preferences.

Public profileNotifications
AL

Alex Kim

alex@example.com

Your workspace identity

Public profile

Use the name your teammates recognize.

Used for account and workspace updates.

A short introduction. Up to 240 characters.

53/240

Notifications

Mentions, assignments and important changes.

A weekly summary of project updates.

All changes saved

Interactive local example. Changes reset on reload; connect onSave to your own service.

Settings & profile

Edit a profile and notification preferences. Demo changes reset on reload.

@neumorphism-ui/template-settingsView template

Task records

Manage titles, owners, statuses and due dates.

All records
12
Active
6
Draft
4

Records

12 matching records · 0 selected
Records
StatusActions
Archived campaignMinaArchived2026-08-20
Content planningMinaDraft2026-10-15
Customer onboardingJunActive2026-10-08
Keyboard navigation auditJunActive2026-10-14
Legacy welcome screenJunArchived2026-09-01
Page 1 of 3

Recent activity

Changes made in this view will appear here.

Interactive local example. Reload resets the data. Connect onSave and onDelete to your service.

Data management

Search records, assign owners and manage due dates. Demo changes reset on reload.

@neumorphism-ui/template-data-managerView template
N

Neumorphism UI

Documentation, component examples and source code.

Links

5 links

  • Documentationhttps://neumorphism-ui.andongmin.com/en/docsOpens in a new tab
  • Componentshttps://neumorphism-ui.andongmin.com/en/componentsOpens in a new tab
  • GitHubhttps://github.com/andongmin94/neumorphism-uiOpens in a new tab
  • Report an issuehttps://github.com/andongmin94/neumorphism-ui/issuesOpens in a new tab
  • Emailhello@example.com

Contact

hello@example.com

The email address is an example and is not monitored.

Link hub

Group links under a profile and copy a contact address.

@neumorphism-ui/template-link-hubView template
Sora Han
Selected workContact

Independent practice / Seoul

Sora Han

Product designer and front-end developer.

I design scheduling, reporting and inventory tools.

My work covers the screen layout, interaction prototype and React implementation.

Selected work

Dispatch queueProduct design · React2026

A queue for assigning changed delivery routes before the morning shift.

The challenge
Route changes and driver assignments arrived in separate messages.
The approach
Put the route, assigned driver and unresolved stops in the same row.
Delivered
Queue, route detail and reassignment form.
The outcome
The prototype keeps an unassigned route visible until a dispatcher selects a driver.
Month-end reviewProduct design2025

A monthly report with the source entries next to each account total.

The challenge
Reviewers had to leave the report to check an unexplained balance.
The approach
Link each account row to its entries and keep the comparison period visible.
Delivered
Account table, period selector and entry detail.
The outcome
The prototype shows which entries make up a total and which still need review.
Equipment directoryWeb design · React2025

A searchable inventory of shared cameras, microphones and lighting.

The challenge
Availability was recorded in a spreadsheet separate from the equipment list.
The approach
Show availability with each item and group equipment by its use.
Delivered
Inventory, category filters and equipment detail.
The outcome
The prototype distinguishes available equipment from checked-out items.

Contact

Email

© 2026 Sora Han

Back to top

Fictional profile and project briefs for this example.

Portfolio

Present a profile, project details and contact links.

@neumorphism-ui/template-portfolioView template

Latest posts

Practical notes from product, design and front-end work.

3 posts

  1. 2026-09-18Product · 4 min read

    Recover a draft after a failed save

    Retain the edited title and body, report the error, and retry the save.

  2. 2026-09-10Engineering · 6 min read

    Return keyboard focus after closing a dialog

    Check Escape, the close action and focus returning to the button that opened the dialog.

  3. 2026-08-29Design · 5 min read

    Align icons in compact controls

    Use the same icon box for small buttons, menu indicators and disclosure controls.

Blog archive

Find articles by title or topic, then sort by date.

@neumorphism-ui/template-blogView template
All posts

Engineering

Keep a draft after a failed save

What the editor should retain when a save request fails.

Sep 12, 2026·4 min read

A failed save should not erase the title, summary or body that someone just edited. Keep the draft in the form and show the error next to the save action.

Separate the draft from the saved copy

When the editor opens, start with the saved post and keep a separate draft for changes. Typing updates the draft; it does not mark the post as saved.

Only replace the saved copy after the save callback resolves. When it rejects, leave both the draft and the previous saved copy intact.

Retry without re-entering the post

After a failed request, the author should be able to correct a field or retry with the same draft.

  • Show a save error without clearing the inputs.
  • Keep Save available after the request finishes.
  • Ask before discarding a draft with unsaved changes.
All postsBack to top

Blog post

Read an article with a summary, publication details and sections.

@neumorphism-ui/template-blog-postView template

Posts

Edit drafts, preview posts and save your changes.

Total posts
3
Published
2
Unsaved
0

Edit post

Updated 2026-09-18

Read preview
Published

September editor update

Draft recovery and the post review checklist.

The editor keeps the current draft when a save fails. Retry the request without re-entering the title or body.

Demo changes reset on reload. Connect onSave to store changes in your application.

Local CMS

Edit drafts, preview posts and try saving. Demo changes reset on reload.

@neumorphism-ui/template-cmsView template
Neumorphism UI56 UI · 16 blocks · 80 registry items

shadcn-compatible source Registry

GitHubCredits