100種類のアニメーション＋3D（フリップカード・キューブ・メリーゴーランド）をプレビュー → 調整 → CSSコピペで使える
Browser
59·145
Share your thoughts, bug reports, or suggestions directly with the developer
自分のアプリケーションはユーザー体験にこだわって、CSSにもこだわっていたりするのですがCSSとか都度調べていたりしていたので、このアプリケーション見た時にすごい便利！と思いましたmmただ、個人的に視覚的にホバーじゃなくて常に動いている様子の方が直感的にわかりやすいかも？と思いました。
@SenLe1024 コメントありがとうございます！ デフォルトですべて再生すると、 W3C の WCAG（アクセシビリティ国際標準） 「前庭障害・光過敏・乗り物酔い体質への配慮」のルールに抵触し、prefers-reduced-motion（OSの「視差効果を減らす」設定）を尊重の考え方からオフにしています。ただ初期再生のお声もあるとおもうので、設定保存機能も追加しました。 サイドバーから設定してみてください。
Log in to share your feedback
60 types of icon transformations where 3 lines change into an ×, and 30 types of open/close animations for drawers, full screens, and more. Click on a card to try the animation → if you like it, copy and paste the HTML + CSS + JS with one click
20 types of curtains that open and close, 10 types of transition effects such as fades and wipes, 12 types of loading screens. Click on a card to play the animation → If you like it, copy and paste HTML + CSS + JS with one click
clip-path ジェネレーターとは、CSSのclip-pathプロパティの値を、図形をドラッグするだけで作れる無料ツールです。
Generate image slider (carousel) code simultaneously with 3 libraries: Swiper, Splide, and Slick.
Just prepare an image and create an animated cursor! Completely local, so it's secure in terms of security.
Reproduce Apple's Liquid Glass (liquid glass) with WebGL. Adjust refraction, chromatic aberration, and frosted glass to generate copy-paste code.
Free tool for image compression, WebP conversion, and cropping completed in the browser
When you choose one color, it generates a color palette that matches that color.
Twitter（X）・Facebook・LINE・はてブ・Linkedln・Pintarest・noteの7つのSNSプレビューをリアルタイムで一括確認できる無料ツール
開発者向けの様々な細かいツールを集めたwebサイトです。
Apply blur/mosaic to clipboard image and save as PNG
A collection of free, somewhat practical web apps (PDF editing, automatic face pixelation for videos, PDF comparison, face recognition reception, counter, teleprompter, etc.)
3Dモデリングツール..webm動画も録画出来ます。
Just a circuit simulator. You can make calculators, games, anything.
NCS style right now
Japanese long-form interview video short video generation tool
Save and organize URLs at lightning speed. A memo app where you can add items with one tap from a shared sheet.
Register and manage copied text infinitely with grouping
You can easily generate ASCII art characters using symbols on a browser. We have prepared 4 types of ASCII fonts. All fonts are original creations.
Split the paper and print price tags and POPs together
It is a website where you can freely choose fonts and create PNG images of your favorite characters with outlines and shadows.
A free tool that determines seconds, images, dialogue, and camera work for each scene, and creates English prompts that can be directly pasted into AI video generation.
Visualize the in-game time, what time is it now?
You can do flash mental arithmetic suited to your own skill level!
Log in to react, save and follow.
Reactions & commentsFeedback2(2)
Share your thoughts, bug reports, or suggestions directly with the developer
自分のアプリケーションはユーザー体験にこだわって、CSSにもこだわっていたりするのですがCSSとか都度調べていたりしていたので、このアプリケーション見た時にすごい便利！と思いましたmmただ、個人的に視覚的にホバーじゃなくて常に動いている様子の方が直感的にわかりやすいかも？と思いました。
@SenLe1024 コメントありがとうございます！ デフォルトですべて再生すると、 W3C の WCAG（アクセシビリティ国際標準） 「前庭障害・光過敏・乗り物酔い体質への配慮」のルールに抵触し、prefers-reduced-motion（OSの「視差効果を減らす」設定）を尊重の考え方からオフにしています。ただ初期再生のお声もあるとおもうので、設定保存機能も追加しました。 サイドバーから設定してみてください。
Log in to share your feedback
Log in to leave feedback