I hate CSS: how can I build UIs?

1

Mantine

#Open Source #ReactJS #UI 114 social mentions

2

Tailwind CSS

Are you cool with JS frameworks? If so, you can use a higher level of abstraction that takes care of the CSS for you. If you just want to mock something up, you can use a pre-built UI system / component framework and just put together UIs declaratively, without having to worry about the underlying CSS or HTML at all. Examples include https://mui.com/ and https://chakra-ui.com/ and https://ant.design/ Really easy to put together a quick UI that way. ---------------------------- MUI also has a low-code dashboard builder: https://mui.com/toolpad/ And Vercel (creators of Next.js) is betaing an AI generated UI: https://vercel.com/blog/announcing-v0-generative-ui Or https://www.builder.io/ ---------------------------- If you don't want to use a JS framework (and I don't blame you), Tailwind is the modern version of simple declarative UIs, but it's lower-level than the previous option. https://tailwindcss.com/ Bootstrap is still around too: https://getbootstrap.com/ Lesser known options: https://semantic-ui.com/ https://get.foundation/ https://opensource.adobe.com/spectrum-css/ or https://opensource.adobe.com/spectrum-web-components/.

#Developer Tools #Design Tools #Website Design 867 social mentions

3

Semantic UI

Are you cool with JS frameworks? If so, you can use a higher level of abstraction that takes care of the CSS for you. If you just want to mock something up, you can use a pre-built UI system / component framework and just put together UIs declaratively, without having to worry about the underlying CSS or HTML at all. Examples include https://mui.com/ and https://chakra-ui.com/ and https://ant.design/ Really easy to put together a quick UI that way. ---------------------------- MUI also has a low-code dashboard builder: https://mui.com/toolpad/ And Vercel (creators of Next.js) is betaing an AI generated UI: https://vercel.com/blog/announcing-v0-generative-ui Or https://www.builder.io/ ---------------------------- If you don't want to use a JS framework (and I don't blame you), Tailwind is the modern version of simple declarative UIs, but it's lower-level than the previous option. https://tailwindcss.com/ Bootstrap is still around too: https://getbootstrap.com/ Lesser known options: https://semantic-ui.com/ https://get.foundation/ https://opensource.adobe.com/spectrum-css/ or https://opensource.adobe.com/spectrum-web-components/.

#CSS Framework #Design Tools #Development Tools 17 social mentions

4

Foundation

Are you cool with JS frameworks? If so, you can use a higher level of abstraction that takes care of the CSS for you. If you just want to mock something up, you can use a pre-built UI system / component framework and just put together UIs declaratively, without having to worry about the underlying CSS or HTML at all. Examples include https://mui.com/ and https://chakra-ui.com/ and https://ant.design/ Really easy to put together a quick UI that way. ---------------------------- MUI also has a low-code dashboard builder: https://mui.com/toolpad/ And Vercel (creators of Next.js) is betaing an AI generated UI: https://vercel.com/blog/announcing-v0-generative-ui Or https://www.builder.io/ ---------------------------- If you don't want to use a JS framework (and I don't blame you), Tailwind is the modern version of simple declarative UIs, but it's lower-level than the previous option. https://tailwindcss.com/ Bootstrap is still around too: https://getbootstrap.com/ Lesser known options: https://semantic-ui.com/ https://get.foundation/ https://opensource.adobe.com/spectrum-css/ or https://opensource.adobe.com/spectrum-web-components/.

#CSS Framework #Design Tools #Development Tools 18 social mentions

5

Bootstrap

Are you cool with JS frameworks? If so, you can use a higher level of abstraction that takes care of the CSS for you. If you just want to mock something up, you can use a pre-built UI system / component framework and just put together UIs declaratively, without having to worry about the underlying CSS or HTML at all. Examples include https://mui.com/ and https://chakra-ui.com/ and https://ant.design/ Really easy to put together a quick UI that way. ---------------------------- MUI also has a low-code dashboard builder: https://mui.com/toolpad/ And Vercel (creators of Next.js) is betaing an AI generated UI: https://vercel.com/blog/announcing-v0-generative-ui Or https://www.builder.io/ ---------------------------- If you don't want to use a JS framework (and I don't blame you), Tailwind is the modern version of simple declarative UIs, but it's lower-level than the previous option. https://tailwindcss.com/ Bootstrap is still around too: https://getbootstrap.com/ Lesser known options: https://semantic-ui.com/ https://get.foundation/ https://opensource.adobe.com/spectrum-css/ or https://opensource.adobe.com/spectrum-web-components/.

#CSS Framework #Development Tools #Design Tools 326 social mentions

6

Chakra UI

Are you cool with JS frameworks? If so, you can use a higher level of abstraction that takes care of the CSS for you. If you just want to mock something up, you can use a pre-built UI system / component framework and just put together UIs declaratively, without having to worry about the underlying CSS or HTML at all. Examples include https://mui.com/ and https://chakra-ui.com/ and https://ant.design/ Really easy to put together a quick UI that way. ---------------------------- MUI also has a low-code dashboard builder: https://mui.com/toolpad/ And Vercel (creators of Next.js) is betaing an AI generated UI: https://vercel.com/blog/announcing-v0-generative-ui Or https://www.builder.io/ ---------------------------- If you don't want to use a JS framework (and I don't blame you), Tailwind is the modern version of simple declarative UIs, but it's lower-level than the previous option. https://tailwindcss.com/ Bootstrap is still around too: https://getbootstrap.com/ Lesser known options: https://semantic-ui.com/ https://get.foundation/ https://opensource.adobe.com/spectrum-css/ or https://opensource.adobe.com/spectrum-web-components/.

#Design Tools #Developer Tools #UI 197 social mentions

7

Ant Design

Are you cool with JS frameworks? If so, you can use a higher level of abstraction that takes care of the CSS for you. If you just want to mock something up, you can use a pre-built UI system / component framework and just put together UIs declaratively, without having to worry about the underlying CSS or HTML at all. Examples include https://mui.com/ and https://chakra-ui.com/ and https://ant.design/ Really easy to put together a quick UI that way. ---------------------------- MUI also has a low-code dashboard builder: https://mui.com/toolpad/ And Vercel (creators of Next.js) is betaing an AI generated UI: https://vercel.com/blog/announcing-v0-generative-ui Or https://www.builder.io/ ---------------------------- If you don't want to use a JS framework (and I don't blame you), Tailwind is the modern version of simple declarative UIs, but it's lower-level than the previous option. https://tailwindcss.com/ Bootstrap is still around too: https://getbootstrap.com/ Lesser known options: https://semantic-ui.com/ https://get.foundation/ https://opensource.adobe.com/spectrum-css/ or https://opensource.adobe.com/spectrum-web-components/.

#Development Tools #Design Tools #UI 96 social mentions

8

Pinggy.io

#Localhost Tools #Testing #Webhooks 68 social mentions