コンポーネントとカスタマイズ

実在するデザインの動きと部品を調べ、制作に活かすTOBIRAのコンポーネント。コードの取得・抽出が完了した作品から順次対応しています。

ひとつの画面から、
体験のつながりまで。

ヒーローからフッターへ。セクションの順序や、ページ全体の構成をつかむ。

気になる場所にカーソルを合わせて。部品の境界を確かめ、その動きを取り出す。

気になった動きを、ひとつのコンポーネントに。
まずは、ここで色やスピードを変えてみてください。

粒子を準備しています

Live preview

背景色

動きの速さ 1.0×変形の強さ 0.34粒子で描く言葉

同じ動きも、あなたの表現に。

ページ全体から、セクション、コンポーネントへ。元のページも見る

HTML

<div class="marquee">
  CREATE   ✦   TOBIRA
</div>

HTML・CSS・JavaScriptをまとめて。気に入った動きを、制作中のプロジェクトへ。

保存したデザイン

マイライブラリー

気になったサイトを保存

参考にしたいデザインをひとつの場所に。保存したサイトは、ライブラリーからいつでも。