A React Components Library based on Material Design 3 Web Components

🚀 Introduction

Actify is a React Components Library based on Material Design 3 Web Components. Inspired by Vuetify. Some highlights include:

• Vite: Use Vite to build lib and docs.
• Tailwind CSS: Build with Tailwind CSS.
• CSS Property: Use css property to control web component styles.
• Theme System: A powerful color system that makes it easy to style your application with a consistent color palette.

🌻 Get Started

# with npm
npm install actify

# with yarn
yarn add actity

🎉 Example

import React from 'react';
import ReactDOM from 'react-dom';
import { Button } from 'actify';

function App() {
  return (
    <Button variant='outlined'>
      Hello Actify
    </Button>
  );
}

ReactDOM.render(<App />, document.getElementById('app'));

🚧 Status

• ❌ Not started
• 🟡 In progress
• ✅ Complete

🌐 Browser Support

GitHub

View Github