base web alternatives and similar libraries
Based on the "ant-design" category.
Alternatively, view base web alternatives based on common mentions on social networks and blogs.
-
office-ui-fabric-react
Fluent UI web represents a collection of utilities, React components, and web components for building web applications. -
gestalt
A set of React UI components that supports Pinterest’s design language -
fluent-ui
🌈 React components that inspired by Microsoft's Fluent Design System.
Appwrite - The Open Source Firebase alternative introduces iOS support
Do you think we are missing an alternative of base web or a related project?
README
Base Web React Components
Base is a design system comprised of modern, responsive, living components. Base Web is the React implementation of Base.
Usage
On npm, you can find Base Web as baseui
.
Add baseui
and its peer dependencies to your project:
# using yarn
yarn add baseui styletron-react styletron-engine-monolithic
# using npm
npm install baseui styletron-react styletron-engine-monolithic
import {Client as Styletron} from 'styletron-engine-monolithic';
import {Provider as StyletronProvider} from 'styletron-react';
import {LightTheme, BaseProvider, styled} from 'baseui';
import {StatefulInput} from 'baseui/input';
const engine = new Styletron();
const Centered = styled('div', {
display: 'flex',
justifyContent: 'center',
alignItems: 'center',
height: '100%',
});
export default function Hello () {
return (
<StyletronProvider value={engine}>
<BaseProvider theme={LightTheme}>
<Centered>
<StatefulInput />
</Centered>
</BaseProvider>
</StyletronProvider>
);
}
Both Base Web and Styletron come with flow types and TypeScript. All our components are typed and examples have Vanilla, Flow and TypeScript versions. For Styletron + TS, you need to add some additional packages:
yarn add @types/styletron-standard @types/styletron-react @types/styletron-engine-atomic
Docs
To read the documentation, please visit baseweb.design.
Contributing
[Contributing](CONTRIBUTING.md)
Shoutouts 🙏
Big thanks to BrowserStack for letting the maintainers use their service to debug browser issues.