Skip to content

Design

Google Material Design

Code

Material Design Lite
An implementation of Material Design components in vanilla CSS, JS, and HTML.
Material-UI
A Set of React Components that Implement Google's Material Design - React でマテリアルデザインを実装する Material UI を試してみる - syonx
Materialize
A modern responsive front-end framework based on Material Design
LumX
The first responsive front-end framework based on AngularJS & Google Material Design specifications.

Tools

Samples

Icons

Articles

Web Design

Style Guides

Articles

UI

Theme

和風

Gothic & Lolita

Font

Image

Photo

イラスト

Texture / Pattern

Subtle Patterns
Free textures for your next web project
Freepik
Find Free Vectors, PSD, Icons and photos
PatternBolt
SVGの背景パターン

最適化・軽量化

OptiPNG
PNG optimizer that recompresses image files to a smaller size, without losing any information.

PNGGauntlet

  • Combines PNGOUT, OptiPNG, and DeflOpt to create the smallest PNGs
  • No image quality is lost — only file size
  • Converts JPG, GIF, TIFF, and BMP files to PNG
  • Ultra-configurable

mozjpeg

Icon

Iconic
SVGアイコンライブラリ。CSSで部分スタイリング、属性による動的制御、3サイズ保持、レスポンシブ。(有償)
UI8 — The marketplace for design resources
UI Kits, Wireframes, Icons, Fonts and more, starting at $5

Effect

Movie

Photoshop

Slide