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.
SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
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.
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.