Evergreen: a React UI Framework built by Segment

#1

Post by ggregoire » Wed, Oct 17, 2018, 1:28 AM UTC

Evergreen: a React UI Framework built by Segment
evergreen.segment.com

Re: Evergreen: a React UI Framework built by Segment

#2

Post by tptacek » Wed, Oct 17, 2018, 2:56 AM UTC

So far, I'm aware of Material-UI, Grommet, Bootstrap, and this for React. Are there others worth knowing about?

This looks good, though it also feels like it leans towards native controls; see Select vs. Select Menu, for instance. Material and Grommet have a unified style thing going on that this doesn't seem to. But this has more controls and seems more mature.

Re: Evergreen: a React UI Framework built by Segment

#3

Post by chrisweekly » Wed, Oct 17, 2018, 2:59 AM UTC

tptacek wrote: post #2

So far, I'm aware of Material-UI, Grommet, Bootstrap, and this for React. Are there others worth knowing about? This looks good, though it also feels like it leans towards native controls; see Select vs. Select Menu, for instance. Material and Grommet have a unified style thing going on that this doesn't seem to. But this has more controls and seems more mature.

Depends if you want a UI _kit_, vs the right tools to make a great custom design system. For the latter, take a look at tailwindcss.

Re: Evergreen: a React UI Framework built by Segment

#4

Post by mmmeff » Wed, Oct 17, 2018, 3:04 AM UTC

chrisweekly wrote: post #3

tptacek wrote: post #2

So far, I'm aware of Material-UI, Grommet, Bootstrap, and this for React. Are there others worth knowing about? This looks good, though it also feels like it leans towards native controls; see Select vs. Select Menu, for instance. Material and Grommet have a unified style thing going on that this doesn't seem to. But this has more controls and seems more mature.

Depends if you want a UI _kit_, vs the right tools to make a great custom design system. For the latter, take a look at tailwindcss.

Please stop trying to make these terrible CSS systems like tailwind work. They are a massive anti-pattern for any sane CSS system.

Re: Evergreen: a React UI Framework built by Segment

#5

Post by crgwbr » Wed, Oct 17, 2018, 3:06 AM UTC

tptacek wrote: post #2

So far, I'm aware of Material-UI, Grommet, Bootstrap, and this for React. Are there others worth knowing about? This looks good, though it also feels like it leans towards native controls; see Select vs. Select Menu, for instance. Material and Grommet have a unified style thing going on that this doesn't seem to. But this has more controls and seems more mature.

Blueprint.js is decent for desktop-like web apps. If you need to support mobile, then it requires a bit extra work.

Re: Evergreen: a React UI Framework built by Segment

#6

Post by BruceM » Wed, Oct 17, 2018, 3:08 AM UTC

tptacek wrote: post #2

So far, I'm aware of Material-UI, Grommet, Bootstrap, and this for React. Are there others worth knowing about? This looks good, though it also feels like it leans towards native controls; see Select vs. Select Menu, for instance. Material and Grommet have a unified style thing going on that this doesn't seem to. But this has more controls and seems more mature.

There's also Ant Design (https://ant.design/).

Re: Evergreen: a React UI Framework built by Segment

#7

Post by zdragnar » Wed, Oct 17, 2018, 3:12 AM UTC

tptacek wrote: post #2

So far, I'm aware of Material-UI, Grommet, Bootstrap, and this for React. Are there others worth knowing about? This looks good, though it also feels like it leans towards native controls; see Select vs. Select Menu, for instance. Material and Grommet have a unified style thing going on that this doesn't seem to. But this has more controls and seems more mature.

Ant is quite nice, and is loaded with controls. I've wanted to toy with blueprint, but their desktop-centric focus (which makes sense, given the backing company) steered me away a bit.

https://ant.design/ is the main page, https://ant.design/docs/react/introduce for react, and for angular: https://ng.ant.design/docs/introduce/en

Re: Evergreen: a React UI Framework built by Segment

#8

Post by rukittenme » Wed, Oct 17, 2018, 3:17 AM UTC

This is really cool! I've been firmly locked on the backend for the past 5 years. I think this library will finally bring me back to the browser.

Re: Evergreen: a React UI Framework built by Segment

#9

Post by mdgrech23 » Wed, Oct 17, 2018, 3:17 AM UTC

chrisweekly wrote: post #3

tptacek wrote: post #2

So far, I'm aware of Material-UI, Grommet, Bootstrap, and this for React. Are there others worth knowing about? This looks good, though it also feels like it leans towards native controls; see Select vs. Select Menu, for instance. Material and Grommet have a unified style thing going on that this doesn't seem to. But this has more controls and seems more mature.

Depends if you want a UI _kit_, vs the right tools to make a great custom design system. For the latter, take a look at tailwindcss.