inline-style-prefixer alternatives and similar libraries
Based on the "CSS / Style" category.
Alternatively, view inline-style-prefixer alternatives based on common mentions on social networks and blogs.
-
styled-components
Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress ๐ -
classnames
A simple javascript utility for conditionally joining classNames together -
react-responsive
CSS media queries in react - for responsive design, and more. -
stitches
[Not Actively Maintained] CSS-in-JS with near-zero runtime, SSR, multi-variant support, and a best-in-class developer experience. -
aphrodite
Framework-agnostic CSS-in-JS with support for server-side rendering, browser prefixing, and minimum CSS generation -
react-css-modules
Seamless mapping of class names to CSS modules inside of React components. -
Ultra Fast, Zero Runtime, Headless UI Components
๐ปโโ๏ธ A Headless, Utility-First, and Zero-Runtime UI Component Library โจ -
react-container-query
:package: Modular responsive component -
react-css-components
Define React presentational components with CSS -
react-look
Advanced & Dynamic Component Styling for React and React Native. Ships with powerful Plugins, Mixins and Developer Tools. -
postcss-js
PostCSS for React Inline Styles, Free Style and other CSS-in-JS -
stilr
Encapsulated styling for your javascript components with all the power of javascript and CSS combined. -
react-inline-css
๐ณ Write CSS inside your React components! -
aesthetic
๐จ Aesthetic is an end-to-end multi-platform styling framework that offers a strict design system, robust atomic CSS-in-JS engine, a structural style sheet specification (SSS), a low-runtime solution, and much more! -
paperclip
Write durable HTML & CSS for any kind of web application [Moved to: https://github.com/paperclip-ui/paperclip] -
reactponsive
Responsive components and Hooks โ for your favorite framework โ๏ธ
SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
* Code Quality Rankings and insights are calculated and provided by Lumnify.
They vary from L1 to L5 with "L5" being the highest.
Do you think we are missing an alternative of inline-style-prefixer or a related project?
README
inline-style-prefixer
A small, simple and fast vendor prefixer from JavaScript style object.
Support Us
Support Robin Frischmann's work on Fela and its ecosystem (inline-style-prefixer) directly via Patreon.
Installation
yarn add inline-style-prefixer
If you're still using npm, you may run npm i --save inline-style-prefixer
.
Browser Support
It supports all major browsers with the following versions. For other, unsupported browses, we automatically use a fallback.
- Chrome: 55+
- Android (Chrome): 55+
- Android (Stock Browser): 5+
- Android (UC): 11+
- Firefox: 52+
- Safari: 9+
- iOS (Safari): 9+
- Opera: 30+
- Opera (Mini): 12+
- IE: 11+
- IE (Mobile): 11+
- Edge: 12+
It will only add prefixes if a property still needs them in one of the above mentioned versions. Therefore, e.g. border-radius
will not be prefixed at all.
Need to support legacy browser versions? Don't worry - we got you covered. Check this guide.
Usage
import { prefix } from 'inline-style-prefixer'
const style = {
transition: '200ms all linear',
boxSizing: 'border-box',
display: 'flex',
color: 'blue'
}
const output = prefix(style)
output === {
WebkitTransition: '200ms all linear',
transition: '200ms all linear',
MozBoxSizing: 'border-box',
boxSizing: 'border-box',
display: [ '-webkit-box', '-moz-box', '-ms-flexbox', '-webkit-flex', 'flex' ]
color: 'blue'
}
Usage with TypeScript
You can use TypeScript definition from DefinitelyTyped using @types/inline-style-prefixer
yarn add @types/inline-style-prefixer
# alternatively use npm
npm i --save @types/inline-style-prefixer
Documentation
If you got any issue using this prefixer, please first check the FAQ's. Most cases are already covered and provide a solid solution.
Community
Here are some popular users of this library:
PS: Feel free to add your solution!
Support
Join us on Gitter. We highly appreciate any contribution. We also love to get feedback.
License
inline-style-prefixer is licensed under the MIT License. Documentation is licensed under Creative Common License. Created with โฅ by @rofrischmann and all contributors.
*Note that all licence references and agreements mentioned in the inline-style-prefixer README section above
are relevant to that project's source code only.