actifyダウンロードactifyソースコードのダウンロード

actify

サードパーティ製コンポーネント

1.0.0

ダウンロード

？概要

Welcome To Actifyは、Reactアプリケーション開発を加速するように設計されたオープンソースReactコンポーネントライブラリです。 Actify Leverages TypeScript、Tailwind CSS、Reat-Aria、Framer Motion、Material Design 3など、最新およびカスタマイズ可能なUIコンポーネントの包括的なセットを提供します。

特徴

タイプスクリプト：強化された開発者エクスペリエンスと静的タイピングの恩恵を受ける。
Tailwind CSS ：簡単で柔軟なスタイリングのために、ユーティリティファーストCSSフレームワークを受け入れます。
React-Aria ：React Ariaは、W3Cが発行したWAI-ARIA仕様に従ってアクセシビリティサポートを実装しています。
Framer Motion ：Framer Motionを使用して、流体アニメーションとコンポーネントに移行をもたらします。
マテリアルデザイン3 ：まとまりのある視覚的に魅力的なインターフェイスの最新の材料設計原則を実装します。

はじめる

？インストール

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

使用法

 import { Button } from 'actify'

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

各コンポーネントに関する詳細な情報とその使用については、ドキュメントを参照してください。

ドキュメント

Actifyライブラリの各コンポーネントの詳細な洞察、例、およびカスタマイズオプションについては、ドキュメントをご覧ください。

？ロードマップ

私たちの目標は、すべての材料Webコンポーネントを、Reactラップコンポーネントだけでなく、Reactコンポーネントに変換することです。

成分	Webコンポーネント	反応コンポーネント
波紋		✅
標高		✅
フォーカスリング		✅
アイコン		✅
ボタン		✅
アイコンボタン		✅
チェックボックス		✅
スライダー		✅
スイッチ		✅
テキストフィールド		✅
進捗指標		✅
無線		✅
仕切り		✅
メニュー		✅
ダイアログ		✅
選択します		✅
SegmentedButton		✅
SegmentedButtonset		✅