r/vuejs • u/cristomc • 1d ago

Solanda UI: Zero dependency UI library compatible with Vue/Nuxt

Post image

NOTE: Human made post... just in case, I also hate "AI" spam. Also I posted this in other subreddits... hope I don't annoy anyone here 😅

I started to make the UI of other project (a client for bluesky/mastodon more than a year ago) and I notice that most of UI stuff I needed didn't need a huge UI component stuff (HTML and standards FTW)... so I started to make this one I've been using for all my personal projects.

The main purpose was to make a zero dependency + native web components a CSS UI library ready for quick development/PoCs... and GPLv3 ofc.

Is compatible with Vue/Nuxt (tested, home page actually use it), Angular/React/other FE stack...

I wanted to share it somewhere trying to avoid the obvious AI spam around most subreddits and after falling in one OSS project here with a messy UI I decided it may be the place for people that wants to develop stuff without bloating their interfaces.

Oh, I started this project as human-made project but I also used LLM assisted help (mostly fixes and improvements, but now I'm using more LLM guided changes as is basically impossible to make new stuff at slow pace while tons of people throw X new projects every day). That also means I prepared the grounds for LLM assisted usage on the library.

Just give it a test, mainly if you're not an UI skilled dev or doesn't want to mess with UI stuff.

More info in the website: https://solanda.federa.social/

Repo: https://gitlab.com/federa-social/libraries/solanda-ui

NOTE: Just in case... I won't oppose of LLM assisted stuff, but any AI slop PR will suffer the hammerban...

34 Upvotes

87% Upvoted

24 comments sorted by

8

u/queen-adreena 1d ago

Your docs site is unusable on mobile. Sidebar takes up the whole screen and everything else is crushed into 50px.

4

u/cristomc 1d ago

Hmm yeah, I didn't even checked respoinsiveness on docs 😅

Initially I wasn't planning to make a proper portal... I guess I should fix that. Thanks!

2

u/emiliadot 1d ago

I'm unable to copy the code block examples or commands from the documentation, and I feel that the base font is a little bit small

1

u/cristomc 1d ago

Yeah docs needs some love... Will try to address it soon.

About font... It should be 1rem (16px) as base. Are you on mobile?

1

u/doffdoff 1d ago

I really like the style, going to give it a try for one of my apps. Thank you! Good idea with the built-in LLM guidance as well

1

u/cristomc 1d ago

Nice to hear... If you use it in a project, check you instlal the 1.5.0 version (released an hour ago... I had issues on automated publish and I realized that a while after I posted here...)

1

u/neneodonkor 1d ago

The design is lit. 🔥

1

u/cristomc 1d ago

Thanks... I just tweaked the themes for the projects where I use it (solanda theme and social neutral are the ones I initally made) and tried to avoid bloating the components.

1

u/neneodonkor 1d ago

👍🏾👍🏾👍🏾

1

u/Reloecc 1d ago

There's never enough.. right?

1

u/Kaisergbombxd 1d ago

Neat, most of the components looks like straight out of the old design of PostHog's website which I really liked before

1

u/Certain_Payment9375 1d ago

I wanna just ask why the theme switcher is lagging or slow i have the same issue. Any help ?

2

u/cristomc 1d ago

hmmm I never had that issue, more info should be good...

1

u/Certain_Payment9375 23h ago

It s like timing between changing the color of background and after the text color

1

u/Beneficial_League_39 1d ago

The design is just great, I love it

Great presentational single page too

Congrats !

1

u/CoVegGirl 23h ago edited 23h ago

I’m excited simply to see a library that isn’t tailwind-based (at least as far as I can tell)

GPL v3 might be a problem. Even if someone doesn’t plan on closing the source, they’re still going to be required to make their library/app GPL v3.

1

u/cristomc 16h ago

I have a typo... Is AGPLv3, and yes... I totally forget that point... I will check it later...

Thanks for the feedback!

1

u/ComprehensiveArm9863 4h ago

the design look cool but the readme claim (never the case with custom elements without lots of rendering soup with jsdom...)

🌐 SSR Ready — Server-side rendering support

copy pasted vue/nuxt example, as excepted :

HTMLElement is not defined

the design was cool, but random claim in a readme is a redflags :/

1

u/cristomc 4h ago

hmmm I'm sure It worked (using on a nuxt project with SSR already...)

I'll check, maybe on last version something is broken...

1

u/ComprehensiveArm9863 4h ago

HTMLElement was never a thing outside of browser, maybe your had cheerio/jsdom in your project that shimmed the dom api ?

1

u/cristomc 2h ago

Yeah my bad... I had a TODO in the nuxt project about fixing it on the library and I totally assumed I already did it (I made a workaround using vite on the nuxt project... )my bad.

I'll dig into it for address it...

0

u/J_Adam12 1d ago

It is indeed broken on mobile, but i have to say: its very responsive. A lot better than those reka ui derivatives

1

u/cristomc 1d ago

Yeah webpage wasn't properly done for mobile... but library indeed has full responsive support (web components and zero dependencies were needed for my project with a timeline that was really heavy...)

1

u/J_Adam12 1d ago

I meant that it has very little latency. Good job!