タグ検索の該当結果が少ないため、タイトル検索結果を表示しています。
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/#
iOS & Material Design themesAll Konsta UI components come with pixel perfect native-like iOS and Material Design themes created using official design guidelines. Everything you need for your iOS and Android apps!
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 and Solid.js
UI components and style guides for company-wide product design on Wantedly, inc.
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
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
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
Preview.js - Instant preview of UI components and Storybook stories
Preview UI components and Storybook stories in your IDE instantly
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
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に送られた検証コードの入力）が必要になります。 最初に、作成したアプリが動作している様子です。 ロ
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 - 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
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
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
GitHub - chakra-ui/zag: Finite state machines for building accessible design systems and UI components.
Finite state machines for accessible JavaScript components Write once, use everywhere 🦄: The component interactions are modelled in a framework agnostic way. We provide adapters for JS frameworks like React, Solid, or Vue. Focus on accessibility ♿️: Zag is built with accessibility in mind. We handle many details related to keyboard interactions, focus management, aria roles and attributes. Headle
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 - 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
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
GitHub - TailGrids/tailwind-ui-components: Free Tailwind CSS UI Components - Crafted for modern websites, landing pages and web apps. TailGrids Core is free and open-source so, feel free to use with your personal or commercial projects. If you would like
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
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.
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
概要 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版を使いましょう。 ちなみに自分は公式ドキュメントがすべて英語なため読み解くのが面倒
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を入力することで、アカウントが作成されます。 至れり尽くせりなのですが、「アカウント追加は、管理者のみで行う」
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
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 #リンクアンドモチベーション #リンモチ ============================================= 【イベント情報】 ■イベントページ https://vuejs-meetup.connpass.com/event/279254/ 【株式会社リンクアンドモチベーション】 ■お問い合わせ engineer_pr@lmi.ne.jp ■Entrancebook https://note.com/lmi/n/n179505e048f4 ■テックブログ https://link-and-motivation.hatenablog.com
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Konsta UI - Mobile UI components built with Tailwind CSS
Zag - Rapidly build UI components without sweating over the logic. - Zag
Wantedly UI Components | Figma
Text fields & Forms design — UI components series
Loading & progress indicators — UI Components series
Free Bootstrap Snippets, UI Components, and Library | Ayro UI
Amplify UI Componentsの日本語化 - Qiita
www.kanaloco.jp
www.kanaloco.jp
zun22.hatenablog.com
news.mynavi.jp
www.kobonemi.com
jetstream.blog