- Style without a build step
- Edit photos and generate art
- Process audio and video
FFmpeg
The industry-standard, complete, cross-platform solution to record, convert, and stream audio and video.
FFmpeg
- Visualize regex logic
Debuggex
An online tool that generates real-time railroad diagrams for your regular expressions to help understand their logic.
Debuggex - Find SVG icons
- Learn Japanese
- Build games for free
- Edit videos freely
- Visualize tattoo ideas
- Share files securely
- Control multiple computers
- Download
- Download free creative suite
Affinity
Professional creative suite for photo editing, graphic design, and page layout, now completely free.
Affinity - Start coding with AI agent
- Start writing
- Manage TODO lists
- Bookmark links, notes and images
- Manage academic research resources
- Connect your notes
- Listen to forests
- Make websites readable
- Watch news channels online
- Download 3D icons
- Manage your clipboard
- Manage loyalty card and tickets
- Learn music theory
Learning Music
Interactive music theory and composition learning through hands-on exercises
Learning Music - Build personal knowledge network
- Transform data
- Listen radio stations
- Listen radio stations
Radio Garden
Explore and listen to live radio stations from thousands of locations worldwide
Radio Garden
- Listen podcasts
- Authenticate 2FA
- Share files
- Run global latency test
- Check browser version
- Customize websites
- Process PDF files
- Edit PDF files
- Create an app
- Share files
- Sync files
- Generate CSS only buttons
- Compress images
- Get loader css code
- Generate CSS only accordion sliders
- Convert color code
- Blend colors
- Generates color scales
- Get information about any emoji
- Download brand logos
- Compress images
- Text regex patterns
- Create duotone images
- Edit video
- Share files
- Take screenshots or record screen
- Read PDF files
- Edit your photos
- Remove background from images
- Toggle dark mode
- Edit audio
- Make JSON files readable
- Pick colors from any webpage
- Play video
- Find icons for your web projects
- Edit code
- Run virtual machine
- Convert video
- Edit video
- Edit audio
- Design or prototype
- Create diagrams
Maple
Style pages with utility classes - no build step, no configuration
A runtime CSS engine that generates atomic styles from the utility classes it finds on the page. Instead of shipping a compiled stylesheet, it ships a small script that watches the DOM and builds the CSS as elements appear. Add one script tag to any page and start styling.
What we love ❤️
- Open source under a permissive MIT-style license
- Works anywhere you can add a script tag - any framework, any backend, or plain HTML
- One ~14kb file no matter how large the project grows
- Styles are generated only for classes that actually appear, so there is no unused CSS
- No build step, no config file, no dependencies to install
- Server-rendered and static HTML need no special treatment
- Playground to try the syntax before committing to it
Worth noting 💡
- Requires JavaScript - pages render unstyled if it is disabled
- Must be loaded as a blocking script in the head, or you may get a flash of unstyled content
- Generation work scales with the number of unique classes on the page
- Keyframes, font-face declarations and global resets are still better written as plain CSS
Maple takes the opposite path from the usual CSS toolchain: rather than scanning source files and compiling a stylesheet ahead of time, it waits until a class shows up on the page and styles it then. The trade is a runtime dependency in exchange for having nothing to configure and nothing to purge. Worth a look if your styling setup has grown more complicated than the styling itself.