Is the project abandoned?

[svile]

I was just looking at the release frequency, current issues, pending pull request, and overall activity as of late; and considering that I myself am experiencing some of the issues already reported, it is hard to not think the case. So, is the project abandoned?

[lukaskoeller]

Can you give some insights on this @jxnblk ?

[leanmiguel]

In the case that it has been abandoned, do people just fork the repo and try to add their own changes?

[radar]

I've been using https://github.com/system-ui/theme-ui as a straight-up replacement for this and it seems (mostly) compatible.

[lukaskoeller]

Maybe https://xstyled.dev is an alternative. It is inspired by styled-system but maintained by someone else.

[fcisio]

I have migrated from Styled System to Theme UI. Which after some research seem's to be created by some of the same maintainers as Styled System and is also described as "The next evolution of Styled System".

As far as a migration between tools like these goes, Theme UI is fairly easy and quick to migrate to.

The structure is pretty much the same, but there are some bigger differences when it comes to the principles and approaches. All in all, with theme UI you will lose some flexibility to do stuff like custom props, but you'll gain in ease of use and features (color modes, color scheme media query, variants, ...).

 I'm still wondering why there is no mention of Theme UI being the "official" new version of Styled System. Especially since both tools seem to be made by the same people and that Styled System looks pretty much abandoned.

Feel free to switch to Theme UI, as to me, this is the only sensible option at this point 🚀

[bodaso]

See https://jxnblk.com/blog/two-steps-forward/ where author suggest people to give Theme UI a try (great read to understand history of CSS-in-JS as well)

[svile]

I'm confused, according to Github insights, https://github.com/system-ui/theme-ui has also been started by (and primary maintainer) @jxnblk This may indeed be the "Two steps forward". However, considering this unannounced but implicitly deducted faith of Styled Systems, I'm now questioning the future prospects of Theme UI even though there is at least one other maintainer there.

https://xstyled.dev looks promising but does not seem to support react-native yet.

[alexojegu]

https://xstyled.dev looks promising but does not seem to support react-native yet.

I have not tried, but I think @xstyled/system can support react-native and @xstyled/styled-components will support it soon.

[eybbus]

I just find it bit odd that there is nothing in the README or announcement about the current status of the project. It would be nice to know if this project is done and what people should move on to.

Is there a fork that is being maintained?

[roginfarrer]

Hi all, I'm maintaining a fork that also adds a handful of frequently requested features from the issues here. The libraries aren't entirely identical (doesn't have all of the different styled-system packages) but the foundation is there.

https://github.com/system-props/system-props

Here's a shortlist of what's been added:

• Rewritten in TypeScript, including types for props
• Support for configurable pseudo props, similar to Chakra-UI's PsuedoBox
• Support for theme values in shorthand properties (e.g., margin, padding, border, box-shadow, etc)
• Designate theme values with a $ prefix

[dmt0]

This is not the first project by @jxnblk that was abandoned abruptly.
I'm now maintaining a project that's based on https://github.com/jxnblk/system-components/ and not even sure what to migrate to.
I'm also worrying about the future direction here.

[fcisio]

Hey @dmt0
I was in the same situation and made the switch to Theme UI, It's very similar to Styled System and the migration is pretty easy. There are some functionalities that aren't there, but others that make it worthwhile.

A lot of works have been done recently, and the project is pretty active.

I'd suggest you try it out!

[svile]

I'm closing this issue. It's been 7 months now and I think my original question has been answered, albeit implicitly. There are already some great alternatives listed here which we can all pick from. Happy coding!

[httpete]

Hey @dmt0
I was in the same situation and made the switch to Theme UI, It's very similar to Styled System and the migration is pretty easy. There are some functionalities that aren't there, but others that make it worthwhile.

A lot of works have been done recently, and the project is pretty active.

I'd suggest you try it out!

Isn't Theme-ui Emotion under the hood? That wasn't a hard transition?

[dmt0]

I'd stay away from projects done by these guys altogether. It's all fun and games if you're using it for a toy project, but if you need to maintain something long term, it's a no-go. There are 3 abandoned projects now:

• https://github.com/jxnblk/system-components/
• https://github.com/rebassjs/components
• this one
• System UI - will it reach 1.0 and be abandoned right after in pursuit of a new "philosophy" or before 1.0?

No communication in the repos. No clear migration paths. Nothing.
Ripping out frameworks from production projects is not fun. I'd rather use something stable and focus on functionality.
</rant>

Credit where credit is due - all of those projects are actually really nice to use. But without long-term support all of this is for nothing.

[fcisio]

@httpete
The migration between Styled Components to Emotion was very simple. The syntax is 99% the same.

The only difference being how global styles are handled, and the class composition. But overall not much at all.

As for staying off these projects, I do get the point, it is a very valid one. And I'm using Theme UI in production, so I'd like to believe it's gonna stay active for a while. But I haven't seen any activity from @jxnblk ever on that project. It's the community that keeps it going.

So far they're doing an incredible job.

[South-Paw]

I also made a fork of styled-system and added some improvements and fixes to it such as writing it in Typescript, adding pseudo props (_hover, _focus, etc) and adding the sx prop and helpers.

Even though the types aren't 100% there, the library functions mostly the same as this one (and the exceptions are noted in the readme).

I intend to continue to support it going forward as it's the base of a design system that I use for some medium to large client apps and sites.

The reason I originally made the clone was because I wasn't confident that this project was being maintained.

For anyone in the future reading this, any help on improving that fork would be super.

[sijad]

I like https://github.com/ppiyush13/react-styled-flex simple approach

[ebellumat]

Maybe https://xstyled.dev is an alternative. It is inspired by styled-system but maintained by someone else.

There's any support to variants?

[luuk777w]

xstyled.dev is a great alternative! It is a near drop-in replacement for styled-system

[mglavall]

I

xstyled.dev is a great alternative! It is a near drop-in replacement for styled-system

If it wasnt because it replaces styled-components entirely

[The-Code-Monkey]

https://github.com/The-Code-Monkey/styled-system/ continuation of the project here for anyone who wants it