Frontend

InfoQ は、社区を中心とする実践的なテクノロジー メディア プラットフォームであり、ソフトウェアの公開と関連分野の知識の促進に重点を置いています。の伝送、提供フレームワーク、クラウドコンピューティング、AI、フロントエンド、大規模データなど、デバイスの開発に関連する最新技術の議論、解決策、および技術会議が開催されます。

Tailwind CSS で構築された 500 を超える専門的に設計された UI コンポーネントとテンプレートのコレクション。マーケティング サイト、アプリケーション、および e コマース ストアの構築に HTML、React、Vue で利用できます。

フロントエンド開発者とデザイナーが Web プロジェクトを構築、テスト、共有するためのオンライン コード エディターとソーシャル開発環境。

15 時間のコンテンツとライブ UX トレーニングを備えた包括的なビデオ コースで、UI/UX デザイナーとフロントエンド開発者向けの 100 のスマート インターフェイス デザイン パターンをカバーします。

オープンソースの UI 要素の最大のライブラリ。

Web 開発プロジェクトに最適な Tailwind CSS テンプレートと UI キットの厳選されたコレクション。

DevUI は、ミドルオフィスおよびバックオフィス製品向けのオープンソースの無料エンタープライズ フロントエンド ソリューションであり、設計者と開発者に設計システムとコンポーネントを提供します。

Web プロジェクト用のすぐに使用できるクロスブラウザー CSS アニメーションのライブラリ。クラスだけで簡単に実装できます。

Fusion Design は、Web 製品を構築し、デザイナーと開発者のコ​​ラボレーション、一貫性、効率を強化するためのエンタープライズ レベルのソリューションです。

色を入力して CSS カラー グラデーションを生成するツール。3 色のグラデーションと CSS コードの自動出力をサポートします。

Xiaomi's enterprise-level mid- and back-end design system. A conventional B-side web design system that provides design guidelines, front-end code, etc. There are design files for three platforms: Sketch, Axure, and Figma, but Figma is currently not open to the public. What’s interesting is that some component examples use Lei Jun’s memes as copywriting – “Are you OK?”

Kombai は、Figma デザインをフロントエンド コードに正確に変換する AI を活用したツールです。

SVG をアニメーション化して描画したように見せるための軽量 JavaScript ライブラリ。カスタマイズ可能なアニメーション タイプとタイミング関数を備えています。

UI コンポーネントとデザイン システムの包括的なコレクション。デザイナーや開発者向けにトップ ソースからのベスト プラクティスをまとめています。

VTEX 電子商取引プラットフォームで一貫したユーザー インターフェイスを構築するための React コンポーネント ライブラリおよび設計システム。

On November 30, 2022, OpenAI released ChatGPT 3.5, leading mankind towards a new era of AGI human-computer interaction. AGI makes natural human-computer interaction a reality. The simple and natural interaction method of "language" once threatened the GUI (graphical user interface) that has dominated the field of human-computer interaction for decades. Designers have begun various attempts and transformations

エンタープライズ バックオフィス システム用の統合設計および開発プラットフォームで、ビジネス プロセスを合理化するための標準化されたコンポーネントとバックエンド統合を提供します。

Wix によるデザイン システム。再利用可能な React コンポーネント、Figma キット、アイコン、ネイティブ Wix アプリを大規模に構築するためのプレイグラウンドを提供します。

スムーズでインタラクティブな UI アニメーションを作成するための React アニメーション ライブラリ。Ant Design エコシステムの一部です。

設計を本番環境に対応したコードに変換します。 デザインを、モバイル アプリや Web 用の本番環境に対応したフロントエンド コードに変換します。既存の設計ツール、技術スタック、ワークフローを使用して、製品を 5 ～ 10 倍の速さで出荷します。

ワンクリックであらゆる Web サイトの CSS を検査してコピーできる Chrome 拡張機能で、何千もの開発者に信頼されています。

16 進数コードから CSS、Sass、および Tailwind カラー パレットを作成するための色の色合いと色合いの生成ツール。

Tailwind CSS 構成で色の色合いと色合いを生成するツールで、16 進コードとカラー パレットが表示されます。

Tailwind CSS プラグインは、カスタマイズ可能なテーマを使用し、JavaScript に依存しない、より高速でクリーンな UI 開発のためのセマンティック コンポーネント クラス名を提供します。