CSSのみで表現OK 人気レイアウトやUIパターンを集めた便利ライブラリ CSS Layout
依存性なしで、フレームワークも必要なし。 CSSの特別なテクニックも必要とせず、リアルに使えるCSSレイアウトやUIパターンを集めたサイト CSS Layout が注目を集めています。 フロントエンジニアとして働くひとは、ウェブサイト制作においてどれだけ多くのレイアウトやコンポーネントを扱う必要があるかよく分かるでしょう。 人気のあるレイアウトやUIコンポーネントを提供するCSSフレームワークはたくさんありますが、すべてを自分のプロジェクトに加えたくないときも。 そんな悩みを解決すべく、CSS Layout ではCSSのみで構築できる人気レイアウトやUIコンポーネントを集め、カテゴリ別にまとめています。 FlexboxやCSS Gridといった最新CSS機能によって実現されたレイアウトは、それぞれのニーズに合わせて簡単にカスタマイズでき、スターターキットとしても最適です。 パーツを組み合わ
Utility-FirstなCSS,UIフレームワークを比較してみた(TailwindCSS, Chakra UI, MUI)
こんにちはきよまるです@kiyokiyoabc 最近話題のUtility-First。皆さんも一度は耳にしたことがあるはずです。去年CSS設計完全ガイド が発売されたばかり（？）にも関わらず、この本が指南するCSSと人類の格闘の成果を無為にするような思想を持っています。(めっちゃいい本です) Utility-Firstの思想その一 クラス名とそのCSSをあらかじめ用意しておこう 終 制作・著作 ━━━━━ ⓃⒽⓀ まあその一といいましたがUtility-Firstに関しては一つの思想しかないです（多分）。 要するにクラス名を自分で考えてそれにCSSをつけるのではなく、あらかじめ用意されたユーティリティクラス（汎用的で実用的なクラス）を使って装飾しましょうということです。 Utility-Firstの何がいいのか 今まで模範とされてきたCSS設計のコードと、Utility-Firstなコード
Chakra UI - A simple, modular and accessible component library that gives you the building blocks you need to build your React applications.
Less code. More speedSpend less time writing UI code and more time building a great experience for your customers. import * as React from "react"; import { Box, Center, Image, Flex, Badge, Text } from "@chakra-ui/react"; import { MdStar } from "react-icons/md"; export default function Example() { return ( <Center h="100vh"> <Box p="5" maxW="320px" borderWidth="1px"> <Image borderRadius="md" src="h
一回使ってみたい無料系の管理画面フレームワークまとめとく - Qiita
管理画面用のUIフレームワークをちょこちょこ見るんですが、一回使ってみたいなと思ってそのまま忘れることが多いのでまとめておきます。 使ったことはないけどかっこいいので使ってみたいというやつをただ貼っていくだけの内容ですが blur-admin 最近見た中で個人的にダントツかっこいいやつ。 ひたすら男心くすぐってくるな〜っていうUI。 bootstrapベースで一通りの機能は揃ってそうなイメージです。 カラーテーマとかはなさそうなので、デモのままのUIになりそう RazorFlow シンプルで使い勝手が良さそうなUIです。 白基調だし、管理画面っぽい感じでちょっとだけ凝ってる風に見せられるかなって気がします。 ひとことで言うと無難な印象 Gentellela 見た目的には前出2つの中間ぐらい？ ただ、デモページのUIがたまに壊れてるとこあるので若干不安、、、 AdminLTE 割りとメジャー
Headroom.js - Give your pages some headroom. Hide your header until you need it.
Headroom.js Give your pages some headroom. Hide your header until you need it. Or install via npm/yarn: npm install headroom.js --save yarn add headroom.js What's it all about? Headroom.js is a lightweight, high-performance JS widget (with no dependencies!) that allows you to react to the user's scroll. The header on this site is a living example, it slides out of view when scrolling down and slid
Suave UI Demo
What is this?Suave UI is designed for web-applications based on AngularJS. It consists of CSS definitions, directives and services that helps build UI quick and efficiently. ComponentsAll these components are included in bundle-files. So you don't need to include them separately to use all them force. Font Awesome 4.2.0 provides icon setAnimate.css 3.2.0 provides CSS-animations How to use?You can
Formstone
Formstone is a front end library that aids in the rapid development of web projects by abstracting modern web patterns into highly customizable jQuery plugins. Build the web faster with Formstone. Modular Components are name-spaced for minimal overlap with your existing styles and scripts. Responsive Components are designed mobile-first to ensure fast, usable interfaces, no matter the screen size.
capptivate.co is coming soon
is a totally awesome idea still being worked on. Check back later.
【iOS7】フラットデザインUI実装に役立つライブラリのまとめ - その後のその後
iOS7で採用されたフラットデザインっぽいUIを、現行iOS（〜6.x）で実装する際に役立つOSSをまとめました。後半ではiOS7っぽく下のビューをブラーかけて半透過表示するライブラリや、パララックス表示するライブラリも紹介しています。 * English version of this article ※（2013年7月17日追記）9点追加し、カテゴリ毎に分類しました。 総合 FlatUIKit フラットデザインなUIコンポーネント詰め合わせ。ソースをみると、ほとんどのコンポーネントが該当するUIKitコンポーネントのカテゴリやサブクラスとしてつくってあって、使いやすそうです。 FlatUI 同様にUIコンポーネント詰め合わせですが、かなりiOS7に似せてつくられている点が特長です。 UI7Kit iOS5, iOS6 で iOS7 の見た目を実現するUIKitのサブクラス集。 iPho
Using Square Blocks in Web Design
With Postcards Email Builder you can create and edit email templates online without any coding skills! Includes more than 100 components to help you create custom emails templates faster than ever before. Start Free How to use them well? I don’t think square or rectangular elements are anything hard to figure out. Web specifically has been using boxed shapes to create designs and interfaces since
Codrops | Useful resources and inspiration for creative minds
Codrops Demos Hub Discover our curated collection of 500+ free animations, interaction concepts, UI designs, web templates & more. Stay in the loop: Get your dose of frontend twice a week 👾 Hey! Looking for the latest in frontend? Twice a week, we'll deliver the freshest frontend news, website inspo, cool code demos, videos and UI animations right to your inbox. Zero fluff, all quality, to make y
Topcoat
CSS for clean and fast web apps. Soooo Fast!Performance is our #1 goal. Every component we design is benchmarked for performance. You can see our results. Components GaloreWe have the building blocks to get you up and running fast. Our growing set of components were born from CSS. ThemeableIs that even a word? It should be! We love our theme, but we don’t want to hit your brand over the head with
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
React UIフレームワークのトレンド比較 - Qiita
Buefy: lightweight UI components for Vue.js based on Bulma
MUI: The React component library you always wanted
GitHub - vicc/chameleon: Color framework for Swift & Objective-C (Gradient colors, hexcode support, colors from images & more).
デザイン | Android Developers
In-place editing with Twitter Bootstrap, jQuery UI or pure jQuery
uibox.in
Page Redirection