UtilToolkits
Home
Categories
Text Tools
Image Tools
CSS Tools
Coding Tools
Color Tools
Calculator Tools
Productivity Tools
Fun Tools
Video Tools
Other Tools
Blog
FAQ
CodeCast
Beta
Request a Tool
Settings
Project Info
Source Code
Format
html
css
js
body { display: flex; align-items: center; justify-content: center; height: 100vh; margin: 0; background: #f3f4f6; font-family: system-ui, sans-serif; } .card { background: white; padding: 24px; border-radius: 16px; box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1); width: 280px; } .header { display: flex; align-items: center; gap: 12px; margin-bottom: 20px; } .avatar { width: 40px; height: 40px; background: linear-gradient(135deg, #6366f1, #a855f7); border-radius: 50%; } .title { font-weight: 700; color: #1f2937; } .content { color: #4b5563; font-size: 14px; line-height: 1.5; margin-bottom: 24px; } button { width: 100%; padding: 10px; background: #111827; color: white; border: none; border-radius: 8px; font-weight: 500; cursor: pointer; transition: transform 0.1s; } button:active { transform: scale(0.98); }
Appearance
Background
Theme
Default Dark
Default Light
GitHub Light
Dracula
Monokai
Twilight
Nord
Solarized Dark
Solarized Light
Synthwave
Font Size
12px
13px
14px
15px
16px
18px
20px
24px
Canvas Size
Full Width / Responsive
Desktop / Landscape (16:9)
Portrait (4:5)
Square (1:1)
Vertical / Shorts (9:16)
Animation
Typing Speed
Slow
Normal
Fast
Instant
Audio Profile
Signature Deep
Signature Crisp
Show Cursor
CodeCast
Beta
A product by UtilToolkits
REC
html
css
js
1
localhost:3000
Code Cast by Utiltoolkits.com