GV

GeezerVison

The World Wide Web, restored to 800 pixels of glory.

Home|About|Gaming cabinet|Archives|How it works|Starter sites

On this site

  • Sign in
  • ActionsCI/CD and automation
  • CodespacesCloud development environments
  • All Features
  • Documentation
  • Training
  • Certifications
  • Build with Copilot
  • Customize Copilot
  • Integrations
  • Trending repos
  • GitHub Sponsors
  • Developer articles
  • Enterprises

This view

  • Original page
  • New address

GeezerVison is showing github.com β€” GitHub - actifyjs/actify: 🌻React Material Design 3 Components Library

BranchesTags
Open more actions menu

Latest commit

 

History

944 Commits
944 Commits

Folders and files

NameName
Last commit message
Last commit date
.github
.github
 
 
apps/docs
apps/docs
 
 
packages
packages
 
 
.gitignore
.gitignore
 
 
.npmrc
.npmrc
 
 
.prettierrc
.prettierrc
 
 
LICENSE.md
LICENSE.md
 
 
README.md
README.md
 
 
biome.json
biome.json
 
 
package.json
package.json
 
 
pnpm-lock.yaml
pnpm-lock.yaml
 
 
pnpm-workspace.yaml
pnpm-workspace.yaml
 
 
todo.md
todo.md
 
 
turbo.json
turbo.json
 
 
vercel.json
vercel.json
 
 

Repository files navigation

Actify Logo

License visitors


🌟Overview

Welcome to Actify, an open-source React Components Library designed to accelerate your React application development. Actify leverages TypeScript, Tailwind CSS, Reat-Aria, Framer Motion, Material Design 3, and more to provide a comprehensive set of modern and customizable UI components.

✨ Features

  • TypeScript: Benefit from enhanced developer experience and static typing.
  • Tailwind CSS: Embrace a utility-first CSS framework for effortless and flexible styling.
  • React-Aria: React Aria implements accessibility support according to the WAI-ARIA specification, published by the W3C.
  • Framer Motion: Bring fluid animations and transitions to your components with Framer Motion.
  • Material Design 3: Implement the latest Material Design principles for a cohesive and visually appealing interface.

πŸš€ Getting Started

πŸ“¦ Installation

# with pnpm
pnpm add actify
# with yarn
yarn add actify
# with npm
npm install actify

πŸ’» Usage

import { Button } from 'actify'

export default () => {
  return <Button>Hello Actify</Button>
}

Refer to the documentation for in-depth information on each component and their usage.

πŸ“š Documentation

Explore our documentation for detailed insights, examples, and customization options for each component in the Actify library.

πŸš₯ Roadmap

Our goals is convert all Material Web components to React Components, not just a React wrapped components.

Component Web component React Component
Ripple βœ…
Elevation βœ…
Focus ring βœ…
Icon βœ…
Button βœ…
Icon button βœ…
Checkbox βœ…
Slider βœ…
Switch βœ…
TextField βœ…
Progress indicators βœ…
Radio βœ…
Divider βœ…
Menu βœ…
Dialog βœ…
Select βœ…
SegmentedButton βœ…
SegmentedButtonSet βœ…

🀝 Contributing

Contributions are always welcome! Thanks to everyone who has already contributed to actify !

πŸ“œ License

Actify React Components Library is licensed under the MIT License - see the MIT licensed file for details..

πŸ™ Acknowledgments

  • Special thanks to our contributors and the open-source community for making Actify possible.
  • Highly inspired by Vuetify for its impactful contributions to UI design and development trends.

πŸ“§ Support

If you have any questions or need assistance, feel free to reach out to us at [email protected].

Happy coding with Actify! πŸš€

About

🌻React Material Design 3 Components Library

actifyjs.com

Topics

componentslibrarym3materialmaterial-designnext-15next15nextjsreactreact-19react19ui-library

Resources

Readme
MIT license
Activity
Custom properties

Stars

192 stars

Watchers

8 watching

Forks

17 forks
Report repository

Releases

Used by

Contributors

Languages

You are visitor 01402503 β€” GeezerVison does not store the pages you look up.
Best viewed with Netscape Navigator 4.7 or Internet Explorer 6 at 800Γ—600. No cookies required.