[HN Gopher] Elastic UI - Component library for data-driven web apps
___________________________________________________________________
Elastic UI - Component library for data-driven web apps
Author : puika
Score : 50 points
Date : 2022-12-11 17:28 UTC (5 hours ago)
(HTM) web link (elastic.github.io)
(TXT) w3m dump (elastic.github.io)
| pookeh wrote:
| Didn't Elastic change licenses for all it's products and
| libraries such that they are not really useable for commercial
| SaaS products?
| stemcc wrote:
| Sure did:
| https://github.com/elastic/eui/blob/main/licenses/ELASTIC-LI...
| pcurve wrote:
| their tagline seems to indicate so "The Elastic UI framework
| (EUI) is a design library in use at Elastic to build internal
| products that need to share our aesthetics."
| jen20 wrote:
| "EUI is dual-licensed under Elastic License 2.0 and Server
| Side Public License, v 1" - so yes, it appears this is not
| usable for anything serious at all.
| pcurve wrote:
| This is just about the best ui library I've seen. Are there ones
| that are in the same league? blueprintjs is a great one too.
| hankstenberg wrote:
| Mantine is fantastic: https://mantine.dev/
| hyuuu wrote:
| one more vote for mantine, such a fantastic, dynamic and
| constantly updated UI library
| josephcooney wrote:
| I'm interested to hear what makes this out stand out as being
| among the best?
| chimen wrote:
| https://ant.design/
| pbowyer wrote:
| https://atlaskit.atlassian.com/
| spankalee wrote:
| Shoelace is very high quality: https://shoelace.style/
| davidy123 wrote:
| I was hoping it would use something akin to openai or SHEX to
| describe the data inputs and outputs for components. Instead, it
| as others say, another React component library that uses design
| tokens.
| rch wrote:
| The tree view and data grid components don't seem to support lazy
| loading elements, which is particularly disappointing given how
| frequently I end up implementing that functionality in front of
| ElasticSearch and Solar.
|
| Apologies if I'm overlooking something that simply isn't
| documented prominently. (FWIW I do see the pagination support on
| the grid, but I'm looking for fluid vertical and horizontal
| scrolling)
| snide wrote:
| The Data grid does support virtualization. You can see it in
| the menu of examples. It's only the default example that does
| not use it.
| spankalee wrote:
| React only, unfortunately.
|
| The title should really be "React Component library..."
| jwr wrote:
| I am so hoping for a CSS-only (or at least CSS-mostly) library to
| come along, especially one that is fairly complete, designed for
| the long term, and usable for (boring) large applications and
| data-dense tables. I do not need a full JavaScript "framework", I
| have a React app (in ClojureScript) and I'm fine, thank you.
|
| I've been living with Semantic UI which got many things right,
| but has been abandoned for quite a while now.
|
| Most things that capture the crowd attention are humongous piles
| of JavaScript with a bazillion dependencies, that will likely be
| out of fashion in a year or two.
| davedx wrote:
| Tailwind's approach is really great. A base of low level CSS
| building blocks, and a higher level component library where you
| basically just copy and paste the code with the CSS, and it
| really is just all HTML and CSS. I'm a big fan.
| dmitriid wrote:
| Tabler is quite decent: https://preview.tabler.io/
| notpushkin wrote:
| I'm using Tabler for my latest project and love it so far.
| There are some caveats though:
|
| - It's way too verbose sometimes. There are numerous
| instances where I would have done just a single tag and
| Tabler has two or three of them nested.
|
| - Some similar components are implemented in way different
| ways. Compare .status-indicator which takes color as a
| dedicated class (`.status-green`, for example) and .badge,
| which uses background-color helpers (e. g. `.bg-green`).
|
| - Secondary buttons are .btn without additional class, unlike
| .btn.btn-secondary in Bootstrap (which Tabler is based on).
| If you add .btn-secondary, you'll get a weird out-of-style
| button. Things get more difficult when you use a Bootstrap-
| based library for some interactive elements (I'm using
| Sveltestrap) and it adds .btn-secondary by default.
|
| - Some layout bugs get introduced and fixed, nothing you
| can't patch out though. Hope it will get better as it
| matures.
|
| Overall it's neat though, and for prototyping things quickly
| I'd say it's the best you can get now.
| ng12 wrote:
| What's wrong with Tailwind and Bootstrap?
|
| The reason the ecosystem is focusing on framework-specific
| component libraries is because people want out-of-the-box
| components that do things, not just ones that look nice. That's
| very difficult to deliver without an opinionated framework;
| specifically you'll massively sacrifice developer experience. I
| feel much more comfortable about using libraries like Elastic
| UI than I ever did using something like jQuery-ui or
| Bootstraps's JS extensions.
| switch007 wrote:
| Not a very accurate title
|
| > The Elastic UI framework (EUI) is a design library in use at
| Elastic to build internal products that need to share our
| aesthetics
| throwoutway wrote:
| Posted 5 months ago and the discussion revolved around the weird
| license: https://news.ycombinator.com/item?id=31791324
___________________________________________________________________
(page generated 2022-12-11 23:01 UTC)