Dev References
CSS selectors, SVG reference, platform support charts. This category lists 10 free tools you can open in the browser. Each tool has its own page with a short description and export options where applicable.
- Animate.cssUse Animate.css for ready-made cross-browser CSS animations, utility classes, and keyframe effects with the animate__ prefix.
- LaunchDiscover the best platforms to launch your product.
- SssvgInteractive SVG reference with live examples for viewBox, path, gradient, filter, and more.
- SVG SpinnerInteractive guide to making SVG loading spinners with stroke-dasharray and CSS animation.
- RrreadyCSS & web platform support chart. Full, good, poor support in evergreen browsers. Flexbox, Grid, gap, clamp. Can I Use.
- CSS SelectorsVisual guide to CSS selectors. Pseudo-classes, pseudo-elements, combinators, attributes. Free reference.
- AnimistaOn-demand CSS animations library to preview, tweak duration and easing, then copy keyframes and classes for production.
- cubic-bezier.comInteractive cubic bezier editor for CSS easing curves. Preview timing, compare curves, and copy cubic-bezier values for transitions.
- EasingsGenerate cubic bezier easing curves, test CSS easing presets on interface demos, and copy timing values for transitions.
- Paper SizesComprehensive reference for international paper sizes, dimensions, and unit conversions.
About Dev References
CSS selectors, SVG reference, platform support charts. This category lists 10 free tools you can open in the browser. Each tool has its own page with a short description and export options where applicable. You can explore each tool page to understand the use case, output format, and how to reuse results in design and frontend projects.
How teams use Dev References
Common workflows for this category.
- Start quickly with dev references: Open any tool in this category and work directly in your browser without setup or account steps.
- Reuse outputs in design workflows: Use generated SVG, image, and text outputs in Figma files, marketing pages, and product UIs.
- Keep your workflow focused: Each dev references tool solves one clear task, so you can move from idea to usable output faster.
Related tool categories
Browse other categories to find complementary tools for your workflow.
Background Generators
Gradients, blurs, noise, and fluid backgrounds for web and design.
Pattern Generators
Seamless patterns, grids, spirals, and geometric arrangements.
Shape Generators
Blobs, stars, hearts, clouds, arrows, and decorative shapes.
Line & Wave Generators
Waves, curves, squiggly lines, and flowing strokes.
3D & Effects
3D shapes, neon glow, perspective, glitch, and special effects.
Visual Showcase
Eye-catching interactive visuals, motion experiments, and immersive design demos.
Frequently Asked Questions
Have questions? We have answers.