[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)