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