About Squircley
What Is Squircley?
Squircley is a free design tool in the design-tools category that enables users to craft beautiful organic shapes known as squircles. A squircle blends characteristics of squares and circles, producing smooth, rounded-corner forms used in UI design, icons, and custom graphics. It fits into design workflows where precise control over non-standard shapes is needed, such as creating app icons, buttons, or layout elements that require mathematical smoothness between square-like and circle-like proportions.
What Squircley Does
- Generates squircles with adjustable size parameters, including width and height from 50 to 1000 pixels via sliders or input fields.
- Allows customization of corner roundness from 0 to 100, transitioning shapes from square-like to circular forms.
- Provides fill color control using HSL sliders for hue, saturation, and lightness adjustments.
- Supports stroke properties for outlining squircles with defined width and color.
- Uses Bezier curves for mathematically precise, smooth shape rendering with real-time previews.
- Includes keyboard shortcuts like arrow keys for fine-tuned adjustments by 1 or 10 units.
How Squircley Can Be Used
- Create custom app icons or UI buttons by adjusting roundness to match modern styles like iOS designs.
- Generate shape variations for prototyping in vector editors, exporting paths for further editing.
- Build organic elements for web and mobile interfaces, such as cards or badges with consistent smoothing.
- Experiment with superellipse forms in design iterations, previewing changes instantly before finalizing.
- Incorporate into workflows for icon libraries or component design, ensuring shapes scale accurately.
Who Is Squircley For?
Squircley serves graphic designers, UI/UX specialists, and developers working on interfaces that benefit from squircle shapes, including those mimicking iOS app icons or requiring smooth corner transitions. It suits users at intermediate to advanced levels who need precise shape generation without complex manual path drawing, particularly for projects involving custom vectors, prototypes, or design systems. Frontend developers can use it to create assets compatible with CSS properties like corner smoothing. Visit Squircley at Visit Squircley
Featured Tools
Pryzm
Pryzm is a real-time studio for designers who need backgrounds that don't look like everyone else's. Layer procedural gradients, then stack glass, grain, light and blobs.
Hue Codex
Hue Codex is a free, no-account color workspace for designers and developers, with palette generation, WCAG contrast checks, modern CSS tools, image color extraction, local saving, and exports.
AI Boilerplate
The boilerplate built for vibe coding. Includes authentication, payments, storage, and a clean, AI-readable codebase, already wired up. Build on rails that don't break at prompt 100.
PromptCreek
Prompt Creek is a free community-driven repository featuring thousands of AI prompts. Discover, bookmark, and share quality prompts for ChatGPT, Claude, and other AI tools.
Vatis Tech
Vatis Tech is the most powerful speech-to-text infrastructure. It can be used to transcribe user interviews and client meetings.
Webflow
Accelerate website creation without needing to code.
Tools we recommend
getimg.ai
20+ AI models for image, video & audio in one workspace
OpenArt
All-in-one AI image, video & audio generator
YouCam Online Editor
Free online AI photo & video editor
Editorially chosen. Some links above are affiliate links — if you sign up we may earn a commission, at no extra cost to you.
More Design Tools Tools
Pryzm
Pryzm is a real-time studio for designers who need backgrounds that don't look like everyone else's. Layer procedural gradients, then stack glass, grain, light and blobs.
Modeinspect
Mode turns your product’s codebase into editable canvas frames. Refine real UI with visual controls, experiment with AI then share or hand off for review.
Kittl
AI-first design platform with image, vector, and video generation, plus templates, mockups, and print-ready exports.
Freecads
Freecads is a free CAD block and drawing library for architects, interior designers and engineers. It's also the only free CAD library that shares ad revenue with its contributors.
OnlineGridMaker
Free online grid maker for artists and drawing learners. Add customizable grid overlays to reference images directly in your browser.
Buzzblender
Cloud-based digital signage to manage and schedule content across screens.
Explore Other Categories
Discover more design resources
New to Design?
Explore our comprehensive design glossary to master essential terminology from A/B Testing to Wireframes.
Browse GlossaryLooking for something specific?
Search through our entire collection of design tools and resources
