The following post includes online development tools for productivity frequently. You may want to check REST API page further online tools providing API to retrieve specific data.
Broken White Tones
🌕 Off White FAF9F6
❄️ Snow FFFAFA
🟡 Ivory FFFFF0
🧊 Alice Blue F0F8FF
👻 Ghost White F8F8FF
⭐ Customizing UI components on the fly Beautiful themes for shadcn/ui — tweakcn | Theme Editor & Generator There is also ShadcnUI component customization. Refer to the tutorial
Productivity & Devs
Crontab.guru - The cron schedule expression generator helps me to validate crontab scheduling format.
Cron Visualizer allows visualization of cron jobs in graphical representation. Vertical axis represents days, horizontal axis represents time.
Link Shortener free An open source link shortener.
DownGit Copy the link of a GitHub folder inside a specific repo and download the specific folder. It helps you to avoid downloading entire project folder.
Git Diagram Scans the provided Github repository and generates block diagram.
Linters
JSON Editor - Validator
JsonCrack JSON visualizer
CSS
Tailwind CSS Full Tailwind component examples.
Tailframes - Tailwind CSS UI Kit
FlexboxLabs it’s a visual tool that helps you create layouts using CSS Flexbox.
UIVerse Open-Source UI elements made with CSS or Tailwind.
daisyUI — Tailwind CSS Components Components compatible with Tailwind.
Animation CSS
Hamburger Menu css. Can be used for my website. When works opened, menu circle goes top right. Menu icon turns into cross sign if user want to return back to the content
Loader animations, Loader 2
Loader Animation, Loader Animation
Text Animations, Moving Letters
CSS patterns for background, Create Your Own Patterns
Backrougnd Gradient animation Elidor işinde kullandığım
Several Animated bg animations, animated BG patterns
CSS Gradient, Sample Gradients
Thumbnail hover animations
Neomorphism
Glass Morphisim
Glow Generator
Clipping Masks
CSS Filters
Convert to Base64 Images
CSS Color Palettes
Color Related Tools
CSS Grid Generator
CSS Layout Generator
CSS Properties
Web Development
10015 Tools All Online Tools in One Box
Hoppscotch Open source API development ecosystem
Algorithms & Graphics Programming
Graphtoy Visualize signed distance functions.
3D Rotation Converter Matrix Operations
CineShader CineShader is a realtime 3D shader visualiser. It leverages the Shadertoy.com API to bring thousands of existing shader artworks into a cinematic 3D environment.
Data Visualization
Information is Beautiful This is not an app rather an inspiration source about data visualization.
LiveGap Online Chart & Graph Maker. Provides creating and exporting animated videos of the graphs.
Design
⭐️ Discover Best Web Design Tools in The Internet
⭐ FossFLOW Isometric Mindmap Tool
Code Timeline Generates timeline like graphics for pasted code. Interesting and might be useful for visualizations.
Colour Contrast Checker Check the contrast between different color combinations against WCAG standards.
Spectral.js Spectral.js is a small JavaScript tool that helps you create realistic color blends. It’s made for people who want to make their projects look like real paint mixing, like artists and developers.
Mixkit Awesome free assets for your next video project.
Items.Design Quality Design Assets For Free including only images and app icon like files.
Lummi — Free AI Stock Images, Illustrations & 3D
Grainient Gradient backgrounds.
photogradient Create gradients online
framer.com - website builder
Supahero Website hero section library.
Illustration
Pose generators, follow the link
Mockups
Mockuply Paid mockups. Can be used as inspiration.
Mockup take image, choose bg for social media, or devices…
Mockup Creator Takes screenshot and apply mockup for social media, code block, browser window, etc…
ContentCore 3D mockups, free tier.
Shots Create Amazing Mockups. Apple focused mockups like, desktop, iPhone and browser.
Icons
- Over 5000+ free icns icons Could be useful for P-iCNS Creator app.
- Developer Icons
- Tones of Readable Dark Theme
- Free SVG Illustrations
Fonts
Developer Fonts Preview lots of mono-spaced fonts for code editors.
UNCUT.wtf Free stylish modern fonts.
Fontshare: Quality Fonts. Free.
Open Foundry Fonts
FontJoy Determine Font Pairs, Typography
Huge List of Unicode Character Symbols
Apps
Photopea Online Photo Editor similar to Photoshop.
Graphite Free online vector editor & procedural design tool. Similar to Photopea
Typeface Animator Typographic animation tools. Paid service. Inspirational for open-source development.
3D
Tinkercad Online editor for 3D printing.
TopoExport TopoExport is a simple, fast, and accurate web application for downloading maps with 2D contour lines and 3D topography using reliable open-source datasets. This application addresses a specific need for architects, landscapers, urban planners, geographers, consulting firms, and local authorities to obtain supporting maps for architectural projects and spatial analysis of the territory.
File Sharing
Send large files up to 5GB for free A file sharing system alternative to wetransfer.
DIY
Repair Clinic Your One-Stop DIY & PRO Resource for home appliances.
Sound
Movie Music Quiz, blind test movie music, movie and TV news Listen to the music try to guess which movie it is. game creativecoding
A Soft Murmur Online geophonic soundscape generator according to specific audio tracks.
Online Tone Generator Free, Simple and Easy to Use. There are variety of signal generators including, sine, sawtooth, square and triangle.
Export Spotify playlist to CSV or Text Export your Spotify playlist in .txt or .csv format
Image
Lorem Picsum The Lorem Ipsum for photos.
Pexels The best free stock photos, royalty free images & videos shared by creators.
Video
YoutubeDL Online youtube video downloader app.
FFmpeg Online Free Online Video Processing Tool with AI.
Social Hook Video Social media transitional video footage.
Filmot → Search in Youtube captions and subtitles
Misc
Türkiye’nin Antik Kentleri Showing locations of antique cities in Türkiye.
A Good Movie To Watch What To Watch On Streaming Platforms. It suggests movies.
Tunefind Music from TV Shows & Movies.
Wiby Search Engine for the Classic Web. Check “Surprise me” hyperlink to view interesting web sites.
roadmap.sh roadmap.sh is a community effort to create roadmaps, guides and other educational content to help guide developers in picking up a path and guide their learnings.
Notable people Map of most notable persons in the world. Data acquired from Wikidata.
Plane Crash Info List of data related to plane crashes.
Staggering Beauty Shake the mouse pointer to produce glitchy, flashing visual effects and sound. cod207 cod208 creativecoding
White Enamel White Enamel was originally established in 2000 as a Flash enabled “Online Experiment,” created as an online interactive experience in navigating the grounds and interior of an abandoned asylum called “Glenfield Psychiatric Hospital” where visitors - using their computers with mouse and keyboard - could explore and navigate the institution ward by ward, room by room, corridor by corridor, stairwell by stairwell and more throughout the massive psychiatric complex.
google search bar Variety of creative web apps living in google search bar.
Free Visa Alerts | Real-Time Updates | VisasBot.com
Playback.fm Shows what happened on your birthday.
Writing & Reading
TinyWow Free AI Writing, PDF, Image, and other Online Tools.
DeftPDF Free PDF Software to Edit, Convert, Sign & More.
Online PDF Converter Fast, easy to use & free!
Fake Data Modern version of Lorem Ipsum generator.
Electronics, Robotics & Prototype
Gear Generator Generate gears and export them as vectors.
Motiongen generates mechanical and Kinematics structures.
Circuit Simulator Applet Interactive app that allows you to test your circuits before production. It has tutorials on basic electronic circuits to learn more about electronics.