Resource - フレームワーク

Vue、vite、TypeScriptで構築されたオープンソースの管理画面テンプレート・「Vue vben admin」

Vue vben admin Vue vben adminはVue、vite、TypeScriptで構築されたオープンソースの管理画面テンプレートです。 高速性とカスタマイズ性を重視しているようで、素早いレスポンスと、ナビゲーシ...

Streamlit代替となる、データアプリを作成するためのオープンソースのフレームワーク・「Streamsync」

Streamsync StreamsyncはStreamlit代替となる、データアプリを作成するためのオープンソースのフレームワークです。 データサイエンスや機械学習向けとなっており、ビジュアルエディタを使ってUIを構築、バック...

簡単な設定で実装できるスクロール連動アニメーションライブラリ・「Trig.js」

Trig.js See the Pen Untitled by kachibito (@kachibito) on CodePen. Trig.jsは簡単な設定で実装できるスクロール連動アニメーションライブ...
Ads

オープンソースで公開されているTailwind.cssベースの管理画面テンプレート・「TailAdmin」

TailAdmin TailAdminはオープンソースで公開されているTailwind.cssベースの管理画面テンプレートです。 プロジェクトのページは有償版の特徴で、OSSとして公開されているものはGithubに詳細が書かれて...

Firebase + React.js + StripeでSaaSやユーザーポータルを構築するためのオープンソースのフレームワーク・「Fireactjs」

Fireactjs FireactjsはFirebase + React.js + StripeでSaaSやユーザーポータルを構築するためのオープンソースのフレームワークです。 コンポーネントベースになるように設計されており、独...

React Nativeのプロトタイプを作成するためのオープンソースのプロトタイピングツール・「ProtoNative」

ProtoNative ProtoNativeはReact Nativeのプロトタイプを作成するためのオープンソースのプロトタイピングツールです。 Windows及びMacOSに対応したGUIアプリで非常にシンプルなUIで、ネス...

設定に合わせたデザイントークンを発行できるオープンソースのデザインシステムフレームワーク・「mirrorful」

mirrorful mirrorfulは設定に合わせたデザイントークンを発行できるオープンソースのデザインシステムフレームワークです。 デザイントークンとは?という方は、以前もご紹介しましたが以下の記事をご参照下さい。 ...

Tailwind.cssベースのモダンでスッキリしたスタイルの、オープンソースのUIコンポーネントとWebサイトのテンプレートのコレクション・「Float UI」

Float UI Float UIはTailwind.cssベースのモダンでスッキリしていて美しいオープンソースのUIコンポーネントとWebサイトのテンプレートのコレクションです。MITライセンスのもとでソースコードが公開されています...

ダークモードの切り替えを行うアニメーションエフェクト付きのトグルボタン集・「Theme Toggles」

Theme Toggles Theme Togglesはライトモード/ダークモードの切り替えを行うアニメーションエフェクト付きのトグルボタン集です。MITライセンスの元OSSとしてソースコードが公開されています。 太陽と月のアイ...

Tailwind.cssとAlpine.jsで作られた161ものUIやレイアウトを無償公開している・「Windstatic」

Windstatic WindstaticはTailwind.cssとAlpine.jsで作られた161ものUIやレイアウトを無償公開しているWebサイトです。 UI、というかセクション単位でカテゴライズされていて、ヒーローイメ...

リアルタイムコラボレーションなアプリ開発のためのNext.jsスターターキット・「Liveblocks starter kit」

Liveblocks starter kit Liveblocks starter kitはリアルタイムコラボレーションなアプリ開発のためのNext.jsスターターキットです。例えばTodoやホワイトボードなどなど他ユーザーと共同で作...

Radix UIとTailwind.cssで構築されたオープンソースのコンポーネント集・「shadcn/ui」

shadcn/ui shadcn/uiはRadix UIとTailwind.cssで構築されたオープンソースのコンポーネント集です。コンポーネントライブラリではなく、コレクションとして提供しているそうです。依存関係としてインストールし...

スクロールと動画を同期させるJavaScriptライブラリ・「ScrollyVideo.js」

ScrollyVideo.js ScrollyVideo.jsはスクロールと動画を同期させるJavaScriptライブラリです。スクロールすると動画が再生する、ではなくて、スクロールに応じて動画が進む感じです。 このライブラリは...

Tailwind.cssのためのオープンソースのモダンなUIコンポーネントライブラリ・「Sailboat UI」

Sailboat UI Sailboat UIはTailwind.cssのためのオープンソースのモダンなUIコンポーネントライブラリです。150以上の汎用的でシンプルなコンポーネントが揃えられています。 具体的には、アコーディオ...

モダンで美しいオープンソースのTailwind.cssコンポーネント集・「Ripple UI」

Ripple UI See the Pen Untitled by kachibito (@kachibito) on CodePen. Ripple UIはモダンで美しいオープンソースのTailwind.cs...

Svelteで高パフォーマンスなWebアプリを構築するための公式フレームワーク・「SvelteKit」

SvelteKit SvelteKitはSvelteで高パフォーマンスなWebアプリを構築するためのOSSフレームワークです。Svelte公式のフレームワークとなっており、高速動作に面倒な作業のサポートを行う事で開発者はコーディングに...

非依存で使えるオープンソースのモジュール式データ可視化のためのJavaScriptフレームワーク・「Unovis」

Unovis Unovisは非依存で使えるオープンソースのモジュール式データ可視化のためのJavaScriptフレームワークです。React、Angular、SvelteはもちろんVanillaでもTSでも使えます。 動的に変化...

ダークモードやナビゲーションバーも用意されている10kbほどの軽量なクラスレスCSS・「Bahunya」

Bahunya Bahunyaはダークモードやナビゲーションバーも用意されている10kbほどの軽量なクラスレスCSSです。ナビゲーションはネストにも対応しています。 セマンティックなHTML要素でWebサイトやWebアプリを設計...

スクロールに連動した演出をサポートするオープンソースの軽量スクロールライブラリ・「Lenis」

Lenis Lenisはスクロールに連動した演出をサポートするオープンソースの軽量スクロールライブラリです。LocomotiveやGSAP ScrollSmootherといった先発ライブラリをリスペクトしつつ、より使いやすく欠点も補っ...

Intro.jsのようなWebサイトのツアーを実装するオープンソースのJSライブラリ・「TourGuide.js」

TourGuide.js See the Pen TourGuide JS basic CDN example by kachibito (@kachibito) on CodePen. TourGuide.j...

要素にメタリックなスタイルを提供するスタイルシート・「MetalliCSS」

MetalliCSS See the Pen Untitled by kachibito (@kachibito) on CodePen. MetalliCSSは要素にメタリックなスタイルを提供するスタイルシー...

使いやすさ、拡張性、スケーリングなどを重視したOSSのマルチベンダーマーケットプレイスプラットフォーム・「OpenMarketplace」

OpenMarketplace OpenMarketplaceは使いやすさ、拡張性、スケーリングなどを重視したオープンソースのマルチベンダーマーケットプレイスプラットフォームです。 PHPフレームワークのSymfonyと、OSS...
Ads