radnik

A design system that helps you build your ideas quickly

Usage no npm install needed!

<script type="module">
  import radnik from 'https://cdn.skypack.dev/radnik';
</script>

README

Radnik

NPM JavaScript Style Guide Netlify Status

Radnik is an open-source design system consisting of a reusable component library, it provides user interface foundations for building accessible, beautiful and responsive web interfaces. It is built with React Native, TypeScript, Restyle and Storybook.

Radnik is a 🚧 work-in-progress, it is iOS focused for now and is still in beta.

Install

npm i radnik

# or

yarn add radnik

Usage

import { View } from "react-native";
import { Button } from "radnik";

const App = () => {
  return (
    <View>
      <Button>Radnik</Button>
    </View>
  );
};

export default App;

What's next

  • Improve accessibility support
  • Improve TypeScript support
  • Write proper test for all components
  • Improve docs for all components
  • and more

License

MIT © Radnik