clip-path ジェネレーターとは、CSSのclip-pathプロパティの値を、図形をドラッグするだけで作れる無料ツールです。
Browser
7·32
Share your thoughts, bug reports, or suggestions directly with the developer
Log in to share your feedback
100種類のアニメーション＋3D（フリップカード・キューブ・メリーゴーランド）をプレビュー → 調整 → CSSコピペで使える
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
64 standard website components in wireframe format. You can copy HTML/CSS and build pages.
Free tool for image compression, WebP conversion, and cropping completed in the browser
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
AI automatically detects the subject and removes the background. Free tool with no registration required and unlimited uses.
Japanese long-form interview video short video generation tool
An app for creating animated captions/text overlays that can be used in short videos
Change the text to a handwriting font.
AI UGC Video Generator for stories worth watching.
Split the paper and print price tags and POPs together
A directory map is a diagram that represents the hierarchical structure of folders and files. With this tool, you can create a tree for README or a site structure diagram simply by placing folder 📁 and file 📄 nodes and connecting them with arrows.
A collection of free, somewhat practical web apps (PDF editing, automatic face pixelation for videos, PDF comparison, face recognition reception, counter, teleprompter, etc.)
You can cleanly remove and make transparent the background of images. The distinctive feature is that you can make fine adjustments to specify exactly what to cut out.
It is a website where you can freely choose fonts and create PNG images of your favorite characters with outlines and shadows.
Zero Data Leakage Browser-Based Video Editing Features 🔹Frame-by-frame playback 🔹Trimming 🔹Audio separation 🔹Photo conversion
Reproduce Apple's Liquid Glass (liquid glass) with WebGL. Adjust refraction, chromatic aberration, and frosted glass to generate copy-paste code.
Create cursors easily right in your browser!
ビジネスモデル、競合マッピング、ページごとのCRO(CVR最適化)診断までを瞬時に。 データに基づく戦略的成長のヒントを、AIが数秒で抽出します。
A simple and lightweight 2D CAD.
A free tool that allows you to check SNS previews for 7 platforms—Twitter (X), Facebook, LINE, Hatena Bookmark, LinkedIn, Pinterest, and note—all at once in real time
Just prepare an image and create an animated cursor! Completely local, so it's secure in terms of security.
Choose one color, and it generates a color palette that matches that color.
From silly tools to godly tools
Log in to save, follow and comment.
Reactions & commentsFeedback
Share your thoughts, bug reports, or suggestions directly with the developer
Log in to share your feedback
Log in to leave feedback