A curated list of awesome styled-components resources 💅
Please read the contribution guidelines before contributing.
Contents
styled-components
Use the best bits of ES6 and CSS to style your apps without stress 💅
General Resources
Community
Built with styled-components
Components
- react-epic-spinners – Reusable react components for epic-spinners.
- styled-react-modal – Modal component with familiar API and syntactic sugar for applying styles.
- Smooth UI – UI Library / Design System based on styled-components
- rendition – A powerful component library for quickly building modern web apps.
- styled-icons – Icons from popular icon packs (Font Awesome, Material, Octicons, etc).
- @hackclub/design-system – Flexible, reusable set of web UI components, built by Hack Club
- react-styled-select – Lightweight Select control component.
- styled-bootstrap – Bootstrap 4 Components implementation with customization in mind.
- react-microlink – Convert your links into beautiful previews.
- react-super-styled – Build responsive, semantic layouts fast with this design-agnostic toolkit.
- ReaKit – Toolkit for building interactive UIs with React and styled-components.
- styled-flex-component – Flex Element for not writing any more custom flex styles.
- styled-grid-component – Grid Element for not writing any more custom grid styles.
- react-styled-flexbox – Effortlessly add flexbox styles to your components using minimal code.
- Reactackle – Open-source component library built with React and Styled Components.
- react-styled-box – Speed up prototyping layouts with ready flex powered Box.
- styled-loaders – Loaders Built with Preact and Styled Components.
- colors-show – Present your application colors with style.
- react-adminlte-dash – AdminLTE dashboard components in React.
- react-presents – Highly customizable React slideshow framework with syntax highlighting and mobile support.
- Rebass – Functional React UI component library.
- react-css-loaders – A collection of pure CSS React loading components.
- react-simple-chatbot – Simple chatbot / conversational-ui React component.
- react-progressive-bg-image – Medium style progressive background image.
- mcs-lite-ui – An on-premises Internet of Things cloud platform, which can be quickly built and is fast to get started with.
- reactour – Tourist Guide into your React Components.
- last-draft – A Draft.js Editor.
- reshake – CSShake as a React Functional Component.
- react-teleportation – Teleport your components to the foreground.
- react-enhanced-form – The best react form component, on earth 🌍.
- uiGradients – Generate beautiful background gradients from the uigradients.com database.
- react-aria-tooltip – Accessible ReactJS tooltip component.
- react-create-component-from-tag-prop – Create a React component from a tag prop. Lets your users to choose which HTML elements get styled.
- grommet-icons – Iconography for grommet apps.
- animated-styled-component – React Animated Styled Components.
Read the full article on GitHub

We are a world class software startup focusing on building scalable, high-performance web & mobile application. We have started our journey back in 2015. And in those years we have provided support for more than 15 thousand customers over the world. We build products that create values. RedQ, Inc