並び順

ブックマーク数

期間指定

  • から
  • まで

1 - 27 件 / 27件

新着順 人気順

UI-componentsの検索結果1 - 27 件 / 27件

タグ検索の該当結果が少ないため、タイトル検索結果を表示しています。

UI-componentsに関するエントリは27件あります。 uilibraryUI などが関連タグです。 人気エントリには 『Tremor – Copy-and-Paste Tailwind CSS UI Components for Charts and Dashboards』などがあります。
  • Tremor – Copy-and-Paste Tailwind CSS UI Components for Charts and Dashboards

    React components to build charts and dashboardsReact components to build dashboards35+ fully open-source, accessible components for dashboards and charts. Built with React, Tailwind CSS and Radix UI.35+ fully open-source, accessible components for dashboards and charts. Built with React, Tailwind CSS and Radix UI.

      Tremor – Copy-and-Paste Tailwind CSS UI Components for Charts and Dashboards
    • Flutter3 と Amplify UI Components で認証付きのWebページを作ってみました | DevelopersIO

      1 はじめに CX事業本部デリバリー部の平内(SIN)です。 Flutterは、iOS・Androidなどで共通したUIを一度に作ることができるフレームワークですが、Webアプリでも利用することができます。 今回は、Amplify UI Components を使用して、簡単に認証付きのWebページを作成してみました。 なお、Flutter対応のAmplify Authenticationは、2022/08/28現在、Developers Previewであり、Flutter SDK 3.0.0以上が必要です。 https://ui.docs.amplify.aws/flutter/connected-components/authenticator https://docs.amplify.aws/lib/auth/getting-started/q/platform/flutter/#

        Flutter3 と Amplify UI Components で認証付きのWebページを作ってみました | DevelopersIO
      • Konsta UI - Mobile UI components built with Tailwind CSS

        🔥 Meet Our New Project: t0ggles - Your Ultimate Project Management Tool! 🔥

          Konsta UI - Mobile UI components built with Tailwind CSS
        • Zag - Rapidly build UI components without sweating over the logic. - Zag

          UI components powered by Finite State MachinesA collection of framework-agnostic UI component patterns like accordion, menu, and dialog that can be used to build design systems for React, Vue, Solid.js and Svelte

            Zag - Rapidly build UI components without sweating over the logic. - Zag
          • Wantedly UI Components | Figma

            UI components and style guides for company-wide product design on Wantedly, inc.

            • Text fields & Forms design — UI components series

              Forms have existed for a significant amount of time, greatly simplifying the task of drafting complaints and various other legal pleadings. With the advance of information and its processing, means to gather the data are also evolving. As printed forms were here for years we can learn a few tips from their design. Text field anatomyText fields allow users to enter text into a UI. They typically ap

                Text fields & Forms design — UI components series
              • GitHub - tailwindlabs/headlessui: Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.

                You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

                  GitHub - tailwindlabs/headlessui: Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.
                • Loading & progress indicators — UI Components series

                  Loading and progress indicators are essential elements of UX/UI design that help users stay informed and engaged during waiting periods. Whether it’s loading a webpage, processing a transaction, or downloading content, well-designed indicators can significantly improve user experience. Among Jakob Nielsen’s ten heuristics, the visibility of system status takes precedence as the foremost and essent

                    Loading & progress indicators — UI Components series
                  • Preview.js - Instant preview of UI components and Storybook stories

                    Preview UI components and Storybook stories in your IDE instantly

                      Preview.js - Instant preview of UI components and Storybook stories
                    • GitHub - chakra-ui/chakra-ui: ⚡️ Simple, Modular & Accessible UI Components for your React Applications

                      You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

                        GitHub - chakra-ui/chakra-ui: ⚡️ Simple, Modular & Accessible UI Components for your React Applications
                      • Flutter3 と Amplify UI Components で MFA(SMS)が有効な認証つきアプリを作ってみました | DevelopersIO

                        Flutter3 と Amplify UI Components で MFA(SMS)が有効な認証つきアプリを作ってみました 1 はじめに CX事業本部デリバリー部の平内(SIN)です。 Flutterでの利用も提供されている、Amplify UI Componentsを使用すると、Cognitoと組み合わせて、ユーザーログインが簡単に準備できます。 なお、Amplify UI Componentsは、MFAにも対応しているため、Cognito側で設定を有効にするだけで、特に実装を追加する必要はありません。 今回は、Amplify UI Componentsを使用して、MFA対応の認証付きアプリを作成してみました。 ログイン時、及び、パスワードを忘れた場合(パスワード変更時)に、MFA(SMSに送られた検証コードの入力)が必要になります。 最初に、作成したアプリが動作している様子です。 ロ

                          Flutter3 と Amplify UI Components で MFA(SMS)が有効な認証つきアプリを作ってみました | DevelopersIO
                        • GitHub - Shopify/restyle: A type-enforced system for building UI components in React Native with TypeScript.

                          You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

                            GitHub - Shopify/restyle: A type-enforced system for building UI components in React Native with TypeScript.
                          • GitHub - oatw/luda: A library helps to build cross-framework UI components.

                            You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

                              GitHub - oatw/luda: A library helps to build cross-framework UI components.
                            • Use React UI Components to Create a Live Audio Spectrum Visualizer | by Matt | Better Programming

                              Summary of the ImplementationThe Web Audio API’s AnalyserNode feature can be used to “provide real-time frequency and time-domain analysis information, for the purposes of data analysis and visualization”. When used with React, some cool possibilities become available for how the data can be visualized. The AnalyserNode is used for obtaining an array of amplitude values for a specified number of f

                                Use React UI Components to Create a Live Audio Spectrum Visualizer | by Matt | Better Programming
                              • Decision Trees For UI Components — Smashing Magazine

                                Imagine finally resolving never-ending discussions about UI decisions for good. Here are some practical examples of decision trees for UI components and how to use them effectively. An upcoming part of Smart Interface Design Patterns. How do you know what UI component to choose? Decision trees offer a systematic approach for design teams to document their design decisions. Once we’ve decided what

                                  Decision Trees For UI Components — Smashing Magazine
                                • GitHub - chakra-ui/zag: Finite state machines for building accessible design systems and UI components. Works with modern frameworks, and even just Vanilla JS

                                  You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

                                    GitHub - chakra-ui/zag: Finite state machines for building accessible design systems and UI components. Works with modern frameworks, and even just Vanilla JS
                                  • GitHub - ionstage/jcore: JavaScript library for building UI components

                                    You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

                                      GitHub - ionstage/jcore: JavaScript library for building UI components
                                    • GitHub - konstaui/konsta: Mobile UI components made with Tailwind CSS

                                      You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

                                        GitHub - konstaui/konsta: Mobile UI components made with Tailwind CSS
                                      • Kimia-UI — UI Components for React built with Tailwind CSS

                                        A collection of UI Components for React built with Tailwind CSS 3 Provides fully customizable UI Components compatible with Next.js, Remix, Gatsby, and others React meta frameworks.No installation needed, Just copy and paste a component you want to use Tailwind CSS is a utility-first CSS framework for rapidly building custom user interfaces. Il allows you writing your style without leaving your HT

                                          Kimia-UI — UI Components for React built with Tailwind CSS
                                        • GitHub - TailGrids/tailwind-ui-components: Tailwind CSS UI library, featuring over 600 top-tier Tailwind CSS UI components and blocks. Each one is handcrafted for modern websites, landing pages, web applications, dashboards, ecommerce platforms, and more.

                                          You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

                                            GitHub - TailGrids/tailwind-ui-components: Tailwind CSS UI library, featuring over 600 top-tier Tailwind CSS UI components and blocks. Each one is handcrafted for modern websites, landing pages, web applications, dashboards, ecommerce platforms, and more.
                                          • GitHub - franken-ui/ui: Franken UI is an HTML-first, open-source library of UI components that works as a standalone or as a Tailwind CSS plugin. It is compatible with UIkit 3. The design is influenced by shadcn/ui.

                                            You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

                                              GitHub - franken-ui/ui: Franken UI is an HTML-first, open-source library of UI components that works as a standalone or as a Tailwind CSS plugin. It is compatible with UIkit 3. The design is influenced by shadcn/ui.
                                            • Chakra UI Vue | Chakra UI Vue | Simple, Modular and Accessible UI Components for your Vue Applications.

                                              Build Accessible Vue apps with Speed ⚡️ Chakra UI is a simple modular and accessible component library that gives you the building blocks to build Vue applications with speed.

                                                Chakra UI Vue | Chakra UI Vue | Simple, Modular and Accessible UI Components for your Vue Applications.
                                              • Free Bootstrap Snippets, UI Components, and Library | Ayro UI

                                                Apply Coupon:BLFCM2022to Get 40% Flat Discount!🔥 Bootstrap UI Component Snippets for Modern Web App and Landing PageBootstrap HTML5 UI Library, Snippets, Components and Toolkit for Creating Fast & Responsive - Landing Pages, Templates, or Websites by Copy-Pasting Blocks. Library of 300+ Beautiful and Essential - UI Components, Snippets, Blocks, Pages, and Templates That You Can Use to Create Comp

                                                  Free Bootstrap Snippets, UI Components, and Library | Ayro UI
                                                • Amplify UI Componentsの日本語化 - Qiita

                                                  概要 Nuxt+Amplifyで認証周りを組むことを想定していますが、そのままVueを使ってもReactでもAngularでも可能かと思います。 こちらを日本語化していきます。 結論の前に 2020年の4月くらいにAmplify UI Componentsに新バージョンがリリースされた模様です。 具体的には Latest @aws-amplify/ui-<framework> と Legacy 版である aws-amplify-<framework> でして、現時点で Amplify hogehogeみたいな形でググると大体Legacy版のブログやQiita記事が出てきます。 最初よくわからなかったのでLegacy版でコーディングしていましたが、Latest版の恩恵が大きいので、後に続く方は必ずLatest版を使いましょう。 ちなみに自分は公式ドキュメントがすべて英語なため読み解くのが面倒

                                                    Amplify UI Componentsの日本語化 - Qiita
                                                  • Flutter3 と Amplify UI Components で作成したログイン画面でユーザによるサインアップを無効化してみました | DevelopersIO

                                                    Flutter3 と Amplify UI Components で作成したログイン画面でユーザによるサインアップを無効化してみました 1 はじめに CX事業本部デリバリー部の平内(SIN)です。 Flutterでの利用も提供されている、Amplify UI Componentsを使用すると、Cognitoと組み合わせて、ユーザーログインが簡単に準備できます。 https://ui.docs.amplify.aws/flutter/connected-components/authenticator しかし、このUIは、デフォルトで「Create Account(ユーザーのサインアップ)」が可能になっており、メールアドレスを登録して、送られてきた Verification Codeを入力することで、アカウントが作成されます。 至れり尽くせりなのですが、「アカウント追加は、管理者のみで行う」

                                                      Flutter3 と Amplify UI Components で作成したログイン画面でユーザによるサインアップを無効化してみました | DevelopersIO
                                                    • GitHub - playbook-ui/playbook-ios: 📘A library for isolated developing UI components and automatically taking snapshots of them.

                                                      Playbook is a library that provides a sandbox for building UI components without having to worry about application-specific dependencies, strongly inspired by Storybook for JavaScript in web-frontend development. Components built by using Playbook can generate a standalone app as living styleguide. This allows you to not only review UI quickly but also deliver more robust designs by separating bus

                                                        GitHub - playbook-ui/playbook-ios: 📘A library for isolated developing UI components and automatically taking snapshots of them.
                                                      • Vue.jsとReactに対応した 社内UI Componentsライブラリを構築した話/Vue.js v-tokyo Meetup #17-link-and-motivation

                                                        【Vue.js v-tokyo Meetup #17】 リンクアンドモチベーション登壇資料(2023/05/18) 『Vue.jsとReactに対応した 社内UI Componentsライブラリを構築した話』 #v_tokyo17 #リンクアンドモチベーション #リンモチ =======…

                                                          Vue.jsとReactに対応した 社内UI Componentsライブラリを構築した話/Vue.js v-tokyo Meetup #17-link-and-motivation
                                                        1

                                                        新着記事