Skip to content

webui: prettify styling #15201

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom
Open
wants to merge 18 commits into
base: master
Choose a base branch
from
Open

webui: prettify styling #15201

wants to merge 18 commits into from

Conversation

olegshulyakov
Copy link

@olegshulyakov olegshulyakov commented Aug 9, 2025 •
edited
Loading

An attempt to make llama.cpp WebUI a little bit gathered. I really hope that people will stop looking for an alternatives for chat ui.

What have been done:

  • ChatInput is re-worked, icons are placed on the row below text.
  • Favicon is set to llama emoji now!
  • Header buttons are styled to be in sync with other UI.
  • Model name is moved to the header.
  • Server information is placed on the bottom.
  • Hello message is changed to be more user friendly.
  • Settings dialog width is a little bit increased on the desktop.
  • Fixed an issue with the Sidebar width on the iPad Pro.
  • Fixed an issue when Conversation dropdown button was not visible.
  • Add Yesterday message group.
  • Added previews for DaisyUI themes in theme selection dropdown.

Screenshots:
Main view

DaisyUI previews

@olegshulyakov olegshulyakov requested a review from ngxson as a code owner August 9, 2025 23:04
@ngxson
Copy link
Collaborator

ngxson commented Aug 9, 2025

FWIW, we are migrating to svelte so it's better not to spend too much time on the current reactjs version. The whole code base will be refactored in the next month

@olegshulyakov
Copy link
Author

olegshulyakov commented Aug 10, 2025 •
edited
Loading

@ngxson Is it possible to merge these changes or should I close the PR? Will you create a separate repository for the UI only?

What is bad with current version and why Svelte is better?

@Danmoreng
Copy link

FWIW, we are migrating to svelte so it's better not to spend too much time on the current reactjs version. The whole code base will be refactored in the next month

This is really interesting, what was the decision for Svelte?
I'm coming from Vuejs and really don't like React, so this is a welcoming change to me. Is there any help needed with the migration?

@ngxson
Copy link
Collaborator

ngxson commented Aug 11, 2025

You can follow this PR for more info, but we will publish more details towards this weekend

The main motivation for this move is: easier maintenance, better performance and small bundle size

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Reviewers

@ngxson ngxson Awaiting requested review from ngxson ngxson is a code owner

At least 1 approving review is required to merge this pull request.

Assignees
No one assigned
Labels
examples server
Projects
None yet
Milestone
No milestone
Development

Successfully merging this pull request may close these issues.
3 participants
@olegshulyakov @ngxson @Danmoreng