Front-end showcase + tools hub
Darma helps people discover useful front-end ideas and get work done faster.
It combines a growing library of HTML, CSS, and JavaScript projects with lightweight online tools for developers, designers, students, and creators.
Why it matters
Instead of random snippets, Darma is growing into one place for inspiration, learning, and quick browser-based utilities.
Built for speed
Open a tool, tweak a few inputs, preview the result, and copy what you need. No signup. No unnecessary steps.
Start here
Choose the fastest path
Use Darma as a product showcase, a learning playground, or a practical utilities site depending on what you need today.
Explore front-end ideas
Browse reusable UI patterns, mini projects, effects, and code experiments built with HTML, CSS, and JavaScript.
Browse projects →Use free one-page tools
Open practical tools that help you generate, preview, and copy code quickly without signup or setup.
Open tools →Find by category
Jump straight into topics like CSS, design ideas, utilities, and experiments that match what you need right now.
View categories →Featured tools
The most useful tools right now
These are the tools that best represent the direction of the platform today.
developer
Animated Background Generator
Generate animated CSS backgrounds and copy the code.
developer
Box Shadows Generator
Build multi-layer box-shadows visually and copy CSS.
developer
Code Preview Tool
Preview HTML, CSS, and JS in a sandboxed iframe.
general
QR Code Generator
Generate QR codes quickly for URLs and text.