Top Tweets for #StyledSystem
💿 Chic isn’t what she wears.
It’s what she compiles.
#OfficeChic #CommandLineCouture #RefinedPresence #StyledSystem
@ReactJSNews Definitely @chakra_ui . It is built on #styledsystem with prop based styling that is so darn readable. It is so nice to go back and look at my code and actually understand the styles. Even responsive styles make sense to ur future self. Do future u a favor, use @chakra_ui .
Been battling with a bunch of #designsystem tech debt in a product at the moment, and tried out an old DS I built with #styledsystem last year and it just worked out of the box. I love the state of design system-in-JS libraries 2021!
nearly done writing my article on comparing #Restyle by @ShopifyEng to #StyledSystem.
had a great time using the library, near-effortless #Typescript support 👏
This is the closest I've gotten to recreating my #ReactJS workflow that uses #StyledComponents and #StyledSystem / #xStyled with modern "vanilla" JS.
Lets me create flexible, utility based component libraries (like #ChakraUI or #Rebass) with Web Components 🤘🔥
Written a post for @ThePracticalDev about how we developed Atomize, which is the foundation of the whole Quarkly project and which helps us solve tasks more effectively than with #StyledSystem and #Rebass: https://t.co/QIqtc61rZP
Check it out and support us with your likes ❤️
Pretty happy to find about ChakraUI! It combines the awesomeness of tailwindCSS, styled components and styled system.
#tailwindCSS #styledcomponents #styledsystem
🚀 Introducing Chakra UI ⚡️
I’m very excited to share my latest project, Chakra UI. A React-based Component Library.
I’ve created over 40+ composable and accessible components to help you create React apps and website with speed.
Check it out here: https://t.co/ntrRBvfo2R
I find Chakra-UI the best #React component framework https://t.co/aIrztocxwj Provides just enough to get started, implements sensible defaults, but is also very extensible and customisable because it uses #styledsystem and @emotioncss. Thanks @thesegunadebayo 😎
I ♥ @gatsbyjs! had a random thought 30min ago about implementing search for our Gatsby-based Design System website.
Checked the docs, found gatsby-plugin-elasticlunr-search, added. Boom 💥
That, plus the fun of 'snapping together' theme-based styles thanks to #styledsystem
Hey #styledsystem and @reactjs peeps!
Wondering is it a bad idea to attach "extra" properties to my DS components solely for the use of reading them for documentation? Below eg shows passing s-s functions...
CC @jxnblk @peduarte @thesegunadebayo
Harrison shows how we implemented the design system of FRI:DAY
https://t.co/8CE1G1nr13
#friday #styledcomponents #styledsystem #storybook #rollup
Great talk on code-oriented design systems by @markdalgleish! (Love the Stack component + I need that text height hack) #playroom #styledsystem #ReactConfAU
Together with FRI:DAY we recently recreated their site using Gatbsy & Prismic.
Catch the summary here: https://t.co/8LpjcuFamq
Stay tuned for our more technical follow-up posts.
#gatsby #prismic #styledsystem #styledcomponents #jamstacck
@FRIDAY_TechTalk @prismicio and @gatsbyjs
Inspired by @jxnblk and his work on #StyledSystem, I'm trying to bring a similar functionality to more vanilla JS solutions by leveraging CSS custom properties instead of CSS-in-JS (ala Emotion/Styled Components).
Working on #WebComponents that use responsive utility props for styling like #Rebass or #StyledSystem components.
💄 CSS custom properties for prop values
🚔 Enforces theming by defaulting to design tokens
♻️ Works in most (if not all?) frameworks
CSS-in-JS devs,
I'm looking to solidify my understanding of styled-system and and how it works with your theme spec.
If you have any links I'd be grateful if you can share!
I can even setup a call so we can walk through it together 😁🙏🏽
Thanks!
#react #cssinjs #styledsystem
Look ma, no CSS!
Wanted to dig deeper into @sveltejs and came up with a small implementation to use responsive style props (as used by #chakraui or #styledsystem) with svelte. Fully reactive!
DEMO: https://t.co/TL9BXIGPjC
#writelesscode #learninpublic
@swyx @Rich_Harris
Was able to replicate #StyledSystem responsive width prop using Web Components and CSS Custom Properties 🤝
<my-component width={[1, 1/2, 1/3]} />
https://t.co/BDiX2lnq83
Loving how easy #styledsystem is to work with.
Here I am 'extending' the @materialui Select component and overriding its css with #styledcomponents then extending our beloved `Box` to get all the regular styled-system props.
Thanks @jxnblk ✌️
Last Seen Hashtags on Sotwe
Chubby
Seen from Bahrain
daddybar
Seen from United States
桃とリンゴといちじくの味
Seen from United States
videodelapastora
Seen from Venezuela
เกาะล้านนัดเย็ด
Seen from Thailand
saynotowhiteboy
Seen from Germany
ICCCWC2023
Seen from United States
目撃情報求
Seen from Japan
soiling
Seen from United Kingdom
omegle(((((())))))****** filter:native_video
Seen from Argentina
Most Popular Users
Elon Musk 
@elonmusk
241.5M followers
Barack Obama
@barackobama
119.1M followers
Cristiano Ronaldo
@cristiano
113.7M followers
Donald J. Trump
@realdonaldtrump
111.8M followers
Narendra Modi
@narendramodi
107.2M followers
Rihanna
@rihanna
98.5M followers
NASA
@nasa
92.4M followers
Justin Bieber
@justinbieber
91.7M followers
KATY PERRY
@katyperry
89.6M followers
Taylor Swift
@taylorswift13
83.5M followers
Lady Gaga
@ladygaga
75M followers
Virat Kohli
@imvkohli
72.7M followers
Kim Kardashian
@kimkardashian
70.7M followers
YouTube
@youtube
68.8M followers
Neymar Jr
@neymarjr
65.6M followers
Bill Gates
@billgates
64.9M followers
Selena Gomez
@selenagomez
62.6M followers
The Ellen Show
@theellenshow
62.3M followers
CNN
@cnn
61.8M followers
X
@x
60.8M followers