ドキュメントブログショーケースPlus

新しい Tailwind CSS + Framer Motion テンプレートと Tailwind Jobs

Adam Wathan

今日もいくつか最新情報をお届けします。既にお知らせしたものや、開発中で近日中に公開予定のものなど、クールな情報が満載です!

6月のTailwind UI サイトテンプレートとオールアクセスのリリース以来、350件以上のGitHub issueとプルリクエストの処理や、リリースしたすべての新しいテンプレートをNext.js 12.2と新しいnext/future/imageコンポーネントを使用するように更新するなど、メンテナンス中心の作業を多く行ってきました。

とはいえ、その中でもいくつかの新機能もリリースする時間を見つけることができました!


Tailwind + Framer Motion = Pocket

先週、Next.jsと(もちろん)Tailwind CSSで構築された、真新しいTailwind UIテンプレートをリリースしました。

これはPocketと名付けました。モバイルアプリのランディングページで、たくさんの楽しいアニメーションとインタラクションが満載です。基本的にこれまで作られた中で最もクールなライブラリであるFramer Motionによって動いています。

Learn about the Pocket template

ぜひライブプレビューで完全な体験をしてみてください。スクリーンショットでは、ページロード時に描画されるグラフ、機能セクションのアニメーション付きモバイルデバイスUI、そしてFroggerにインスパイアされたお客様の声のアニメーションなど、最もクールな部分がすべて伝わりません。

このテンプレートについての面白い話があります。最初に設計・構築したとき、実はアニメーションやインタラクションを何もする予定はありませんでした。Figmaで静的なデザインを作成し、みんなとても気に入っていました。そして、3週間半ほど前にリリースする計画で全体を構築しました。

しかし、完成したテンプレートをブラウザで見てみると、なんだか硬い感じがしました。Figmaではすべてが静止していて静的であると予想されるので素晴らしく見えましたが、実際に見てみると、本物のインタラクティブなウェブサイトというよりは、スクリーンショットか何かのようでした。

このテンプレートの初期バージョンを見てみてください。私が言いたいことがわかるかもしれません。

何か生命を吹き込むためにできることを試している間、リリースを数週間遅らせることにしました。そして、さまざまなアイデアを試した後、今日のような形になりました。

今回の仕上がりには本当に興奮しています。また、Framer Motionを使って私たちが実現したクールなエフェクトをどのように実現するかを学びたい場合、このコードベースは非常に興味深いケーススタディになると思います。

また、すべてのテンプレートと同様に、Tailwind UI オールアクセスライセンスをお持ちの場合は、他のすべてのコンポーネントやテンプレートと一緒に、追加費用なしで含まれています。


Tailwind Jobs

公式のTailwind CSS求人掲示板を構築するというアイデアを約2年間検討してきましたが、ここ数週間でついに試してみてどうなるか見てみようと決断しました。

Tailwindを使用している企業でフロントエンドエンジニアを探している場合、またはTailwindを使用している企業で働きたい開発者の方は、Tailwind Jobsをチェックして詳細をご覧ください。

Tailwind Jobs

7月14日にコードベースに着手し、8月2日に企業向けにサイトをローンチしました。LaravelInertiaReact、そしてもちろんTailwind CSSで構築しました。これらのツールを使えば、わずか20日間でこれだけのものが作れるのは本当に素晴らしいです!

まだポジショニングや、Tailwindを使用している企業がフロントエンドの才能を見つけるための最高の場所にするために何ができるかを検討しています。もしあなたの会社で採用活動を行っていて、フィードバックやアイデアがあれば、Peterにメールを送ってください。彼がこのプロジェクトのリーダーシップを取っており、それについて話せる人を探しています。

例えば、私たちが解明しようとしていることの1つは、仕事が「一日中Tailwind CSSでスタイリングすること」だけである必要はないことを明確にすることです。そのような仕事は世界にあまり多くありませんし、Tailwind CSSを作っている私たち自身の会社でさえ、そのような仕事はありません!

しかし、多くの人がCSSと格闘するのが嫌いです。毎日書いているわけではなくても。

スタイリングをしなければならないときに、カスタムCSSスパゲッティの代わりにTailwindを使ってスタイリングできることを知ったら、狂喜乱舞する開発者がたくさんいます。

私たちは、この求人掲示板をReact開発者、Vue開発者、Laravel開発者、Rails開発者など、誰でも見つけられる場所にしたいと考えています。スタイリングが必要なときにTailwindを使用できる人であれば、Tailwind Jobsにぴったりです。


開発中...

今後数週間で公開される予定のクールなものがたくさんあります。

というわけで、数週間後にはさらに多くの情報を含むアップデートにご期待ください!大規模なテンプレート/オールアクセスリリースを終えて、私は新しい製品を作ることからギアを切り替え、今年の残りの期間はTailwind CSSとHeadless UIをさらに改善し、Tailwind UIにたくさんの素晴らしい新機能を追加することに集中できることに興奮しています。

最新情報を直接受信箱に届けます。
ニュースレターに登録してください。

著作権 © 2025 Tailwind Labs Inc.·商標ポリシー