Categories

Browse the library by topic

Jump straight into the kind of projects you want to explore, from reusable UI pieces to games, backgrounds, and creative visual experiments.

10 subcategories

ui elements

Reusable UI components for modern web design. From buttons to modals, build interfaces fast with these HTML, CSS, and JS snippets.

buttonscardsnavigationforms-inputsmodals-popupsloaders-spinners

8 subcategories

text effects

Eye-catching text animations to elevate your site. Explore hover effects, typing animations, and more with CSS and JS magic.

typinghoveranimated-textloading-textdistortionsscroll-triggered

6 subcategories

games

Fun, interactive mini-games built with JS and canvas. Perfect for learning or adding playful features to your projects.

mini-gamesclick-basedphysics-gamescanvas-gamespuzzle-gamesmultiplayer-demos

6 subcategories

canvas projects

Dynamic visuals powered by HTML5 canvas. Create particles, animations, and interactive art with these JS-driven examples.

particlesdrawinganimationsvisualizersgamescharts

6 subcategories

shapes

Creative shape designs using CSS and SVG. Craft 3D effects, clip-path art, and animated forms for stunning visuals.

css-art3d-shapesclip-path-svganimated-shapesmorphing-shapesshadow-effects

6 subcategories

backgrounds

Stylish, dynamic backgrounds to set the mood. Animate gradients, add interactivity, or glitch it up with CSS and JS.

animated-bgglitch-distortioninteractivegradient-blurredparallaxvideo-bg

8 subcategories

loaders

Smooth, engaging loading animations for any site. Mix shapes, motion, and themes with these CSS and JS creations.

Basic Shapes & StylesMotion & Animation TypesThematic & Fun LoadersProgress & Status IndicatorsShape-Specific LoadersUnique Mechanics

7 subcategories

Apps

Handy mini-apps built with HTML, CSS, and JS. From calculators to widgets, these tools solve real-world problems.

basicclick-basedgeneratorscalculatorstodo-listsweather-widgets

6 subcategories

svg

Scalable vector graphics for lightweight web magic. Animate icons, craft illustrations, or visualize data with SVG and JS.

iconsillustrationsanimationsinteractive-svgdata-visualizationpatterns

How to use Darma

A faster way to find the right code ideas

Start with a category when you know the kind of thing you need, then narrow down inside that category with search and secondary filters.