OpenWebUI Canvas Implementation -- Coming Soon! (Better Artifacts)
Posted by maxwell321@reddit | LocalLLaMA | View on Reddit | 53 comments
[C# and XML View]()
[Design View]()
[Code VIew]()
Hi all! I'm implementing Canvas (beefing up Artifacts) on OpenWebUI.
This was my only issue ever with OpenWebUI, just the very limited canvas feature (only restricted to HTML, CSS, JavaScript and SVG).
I've expanded support for the following languages:
C#, Python, Java, PHP, Ruby, Bash, Shell, AppleScript, SQL, JSON, XML, YAML, Markdown, HTML
If I'm missing one feel free to comment it! It's super easy to add at this point.
Another notable feature I'm adding is to switch between Design view and Code view for web design.
I'm super close to finishing! I just need to clean it up and visualize/track changes between revisions. Expect my pull request it in the next couple of weeks!
rorowhat@reddit
On webUI do you guys just leave it running 24/7?
Elite_Crew@reddit
Sometimes I wish OpenwebUI had the addon/extension model that browsers have where users could just go to the addon library and pick and choose what they want to add to their OpenwebUI experience.
theyreplayingyou@reddit
unless I am misunderstanding your request, they do...
https://openwebui.com/tools
https://openwebui.com/functions
GoofAckYoorsElf@reddit
These are "plugins" for the LLM backend, less so for the frontend. I think what u/Elite_Crew asked for is particularly for a frontend extension store.
theyreplayingyou@reddit
I don’t follow… the backend would be llamacpp, vLLM, openAI, etc. the above tools and functions do not modify the behavior of the backend. I don’t understand what a “front end add on/extension” would do if not what I linked to?
GoofAckYoorsElf@reddit
The functions modify or enhance the behavior of the model. That's what I meant by backend. Front-end plugins would allow for adding functionality like canvas.
Away-Progress6633@reddit
remindme! 2 weeks
Away-Progress6633@reddit
!remindme 2 weeks
VegaKH@reddit
This will be a nice addition. Consider adding Dart for Flutter development.
GoofAckYoorsElf@reddit
Terraform/HCL would be absolutely awesome.
techczech@reddit
I think full REACT support would be great.
GoofAckYoorsElf@reddit
Including live rendering
Arkonias@reddit
Nice. I wish Open-WebUI was easier to install (not a fan of doing pip install/docker builds on my system) as I would definitely switch to using it instead of LM Studio.
Competitive-Move5055@reddit
You shouldn't be using this. You will burn out your system.
Silentoplayz@reddit
Open WebUI is certainly about to become easier to install for people like you. ;)
Sudden-Lingonberry-8@reddit
also, I wish it stopped focusing on enterprisy features, and more as customer features. But they're obviously targetin the enterprise market ignoring the households, like always.
my_name_isnt_clever@reddit
There are tons of consumer focused front ends out there. There aren't many FOSS projects with enterprise features.
WarmLingonberry9782@reddit
Powershell would be nice
Musicheardworldwide@reddit
Did it
Musicheardworldwide@reddit
Open WebUi is the GOAT. I’ve been able to do so much with it I don’t ever see myself ever using anything else. I’ve written so many tools and functions it’s nuts. Everything from trading crypto, training models in Jupiter through functions and tools, really everything I’ve wanted to do I have. Love that shit
Artistic_Okra7288@reddit
Does OpenWebUI have the same feature from Claude where if you copy something that doesn't fit nicely in the chat window, it adds it as an attachment to the chat window? That would be pretty sick.
maxwell321@reddit (OP)
My coworker mentioned the same thing today actually. I'll see what I can do.
nite2k@reddit
!remindme 2 weeks
RemindMeBot@reddit
I will be messaging you in 14 days on 2025-02-01 01:41:48 UTC to remind you of this link
CLICK THIS LINK to send a PM to also be reminded and to reduce spam.
^(Parent commenter can ) ^(delete this message to hide from others.)
trd1073@reddit
Thanks for your work
nlegger@reddit
Quietly links agent to this thread to build versions that incorporates feedback from reddit. How long you think it will take my local desktop with 4090? 5min?
Whiplashorus@reddit
Hello some mermaid.js, chart.js could be insane to have too
Artistic_Okra7288@reddit
and D2 and ilograph
brotie@reddit
Already works with current artifacts
Grizzly_Corey@reddit
Mermaid is already supported iirc
amphion101@reddit
I love mermaid
Busy_Ordinary8456@reddit
It kind of changed my whole worldview of what diagrams could be.
stonediggity@reddit
Second this.
killver@reddit
Im still too stupid to figure out how to just enlarge one model when comparing two or model outputs. Anyone knows?
dev_zero@reddit
Could you just have something that supports tree-sitter for syntax highlighting? Then you’d get just about everything. If not, nix? Typst?
luche@reddit
This looks great! Thanks for all of your contributions, can't wait to try it ☺️
barbaricsaint@reddit
Is this comparable to Claude artifacts, ChatGPT canvas, or GitHub Copilot Edit? I’m looking for something like GitHub Copilot Edit and I also wanted to know how the editing feature works, since I think it somehow only has the llm write the snippets of changes in the file but then somehow applies them to the whole file (even huge ones) so im not sure if it actually has it rewrite the whole file.
geekgodOG@reddit
GoLang would be a very welcome addition!
planetearth80@reddit
Will this allow editing like the ChatGPT canvas?
Competitive-Move5055@reddit
Did I miss the link or is it early announcement?
rawzone@reddit
wapsss@reddit
it would be interesting to be able to do a kind of https://web.lmarena.ai/ locally with open webui, I think it works with react and next
acetaminophenpt@reddit
Looking forward to test it!
muxxington@reddit
VHDL/gtkwave
I know, won't happen. But would be great.
Sudden-Lingonberry-8@reddit
Models are super bad at HDL. They can't comprehend it.
Danmoreng@reddit
Awesome, I tried to do something similar in a weekend without deep integration, but to get it right is way more work. Maybe you find the UI inspiring anyways: https://github.com/Danmoreng/llm-pen
bfroemel@reddit
amazing!! nice to have, but probably too 'exotic' for most: Latex, dot, gnuplot, R, VHDL
maybe consider for future versions an extension mechanism where one can drop in, e.g., python/javascript/.. code to (identify?) and render custom artefacts.
MixtureOfAmateurs@reddit
I strongly agree with plotting/graphing software but I don't get latex. It's rendered fine in the normal chat, would you want a source vs rendered view? Copying the rendered text pastes the source for me iirc
bfroemel@reddit
you probably mean math mode (which is ofc already there and to me also an essential feature which actually got me into using open-webui); regarding Latex, I was mainly thinking tables :) for example, https://www.overleaf.com/learn/latex/Tables but other stuff could be useful as well (to layout figures, do slides, ...)
stonediggity@reddit
Yesssss. This is absolutely sick. Absolute legend.
Ragecommie@reddit
Fucking A
This is awesome. Me and my team are building an OS integration / CoT solution on top of Open WebUI and were thinking of adding a file structure / project view for more complex operations over e.g. whole repositories. Are you open for a brief future discussion on how that might be implemented using your updates as a base?
phenotype001@reddit
C/C++
Sudden-Lingonberry-8@reddit
Scheme would be nice.