|7 days ago||22 days ago|
|MIT License||MIT License|
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
A Concise Startup List for Your Next Project
6 projects | dev.to | 7 Dec 2021
Frontend: Vue3 + Tailwind (Any framework works)
Styling Remix using Tailwind and PostCSS
5 projects | dev.to | 3 Dec 2021
So many changes and updates are going on in Vue ecosystem lately. What is considered default or best-practice for scaffolding?
3 projects | reddit.com/r/vuejs | 1 Dec 2021
You can use Sass, and Vite supports that out of the box, or you can use CSS and CSS variables. Either way, I also recommend considering Tailwind. Not having to think up class names and instead just being able to add what you need to style as you work is a great improvement, IMO.
🧶 Implicit CLSX in React
6 projects | dev.to | 1 Dec 2021
Using clsx or classnames in React lately has become a trend with utility-first CSS frameworks like Tailwind CSS, where you have to write a lot of classes, and sometimes also with conditionals.
Ask HN: Who is hiring? (December 2021)
35 projects | news.ycombinator.com | 1 Dec 2021
Avenue is building the observability platform for operations teams (think Sentry/PagerDuty but for ops). We are hiring early full-stack engineers to help scale the next generation of ops-driven companies. Come join our NYC-based team!
We are a team of 7 in NYC backed by Y Combinator, Accel, Elad Gil, Lachy Groom, and many other great partners.
Our main product is a web app and worker cluster built using Next.js & React. We build our components with Tailwind (https://tailwindcss.com), and we use hooks & react-query for state management. Our backend is a Node.js / Express app. We use Redis and Postgres for storage, and we use Prisma (https://prisma.io) as our data access layer. Our infrastructure is built on Docker, Kubernetes, and AWS.
As an early team member, you will get a chance to set the foundations of our engineering culture. You will help articulate our engineering principles and help set the long-term roadmap.
We're looking for strong engineers with many of the following:
* 3+ years of full-time software engineering experience
Building a JAMstack shop with Strapi 4, Nuxt 3, Snipcart - part 1
3 projects | dev.to | 1 Dec 2021
If you're anything like us, we use Taliwind on every project; if you don't want to, you can just skip the next 2 steps.
4 projects | dev.to | 30 Nov 2021
Mediocre vue coder, used to bootstrapvue, want to move to vue3. Which framework to move to?
5 projects | reddit.com/r/vuejs | 29 Nov 2021
I'm asking myself the same question for my project Rapido. With Vue 3, use new version of Bootstrap, Bulma-stylus, Fomantic-UI, Tailwind CSS or Element Plus ?
How to add a condition for a button to be active in tailwind CSS when we pass query string in the nextjs app?
1 project | reddit.com/r/tailwindcss | 29 Nov 2021
This discussion might help: https://github.com/tailwindlabs/tailwindcss/discussions/3461 but fortunately, I don't use NextJS.
An Introduction to Tailwind CSS & Template Collection
1 project | dev.to | 29 Nov 2021
As you will find many CSS frameworks in the market, these frameworks mostly include pre-designed elements like buttons, forms, and many other components to make the whole development more feasible. But if you ever want to modify or update any of these components, you'll have to work a lot around the design elements of the code. The problem is that you can't use these pre-made templates uniquely to showcase your product. On the other hand, one of the most popular CSS framework, Tailwind, can allow you to expand your creativity and incorporate your unique style quickly.
TaskEz: Design to Code - Chapter 1
3 projects | dev.to | 27 Nov 2021
You can read more about styled system here, https://styled-system.com/.
Which is better CSS-in-JS or CSS for large and scalabe project?
3 projects | reddit.com/r/reactjs | 4 Nov 2021
I personally recommend checking out theme-ui. I believe it was created by the same person behind styled-system which their shorthand-esque styling props are built in.
What UI library are you guys using these days?
7 projects | reddit.com/r/reactjs | 29 Oct 2021
Yeah it's abandoned, not maintained anymore. https://github.com/styled-system/styled-system/issues/1986
You might not need your own UI library.
2 projects | dev.to | 22 Oct 2021
Our developer experience and user experience were good, great even. Our library had an elegant, extendable API that we based on Styled System. This doesn’t change the fact that we had to bid farewell to some of our team members, partially because of the rising costs of implementing new features, which increased a time-to-ship.
Giving Super-Powers to your Web Components
3 projects | dev.to | 11 Oct 2021
The real inspiration for this library came from styled-system. Styled System is a collection of utility functions that add style props to your React components and allows you to control styles based on a global theme object with typographic scales, colors, and layout properties.
Best UI Frameworks for React.js
3 projects | dev.to | 7 Oct 2021
Best-in-class developer ergonomics with Styled System props.
Journey to Svelte (through Gatsby)
5 projects | dev.to | 22 Sep 2021
Our components in React were based on Styled System, which we had huge success with previously. It let us quickly build components with responsive styles based on scales defined in our theme object. Under the hood, it uses Emotion to create dynamic styles on page creation.
Working with Styled System using TypeScript
2 projects | dev.to | 7 Aug 2021
System is a core function of the library many other utility functions like the color we imported are nothing but made from system() - https://github.com/styled-system/styled-system/blob/master/packages/color/src/index.js
Is tailwind any benefical for react js if fundamental components are developed which can take basic arguments and can also take specific styling?
1 project | reddit.com/r/reactjs | 22 Jul 2021
And also uses emotion. Sure. Styled-system and styled components are two different things though, you can learn more about it here: https://styled-system.com/
5 ways to manage layout space in React
3 projects | dev.to | 21 Jul 2021
What are some alternatives?
material-ui - MUI (formerly Material-UI) is the React UI library you always wanted. Follow your own design system, or start with Material Design.
windicss - Next generation utility-first CSS framework.
antd - An enterprise-class UI design language and React UI library
Bulma - Modern CSS framework based on Flexbox
emotion - 👩🎤 CSS-in-JS library designed for high performance style composition
chakra-ui - ⚡️ Simple, Modular & Accessible UI Components for your React Applications
theme-ui - Build consistent, themeable React apps based on constraint-based design principles
Foundation - The most advanced responsive front-end framework in the world. Quickly create prototypes and production code for sites that work on any kind of device.
headlessui - Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.
Mobile-Detect - Mobile_Detect is a lightweight PHP class for detecting mobile devices (including tablets). It uses the User-Agent string combined with specific HTTP headers to detect the mobile environment.