AddShadows
Generate your own shadows and improve your design
AddShadows launched on January 8, 2022 with 70 votes, #762 of 2,891 launches that month and more than 50% of that year's launches. The site was still online in September 2026, 4 years on.
What it does
You can often find elements that blend in with the background. A good solution for improving such a design is the use of shadows, thanks to which we can give our elements a completely new look. So I created this Shadow generator.
Bootstrap 5 shadow is an effect used in web elements which provides important visual cues about objects depth and directional movement. Examples with card, image shadow and shadow on hover."
MDB shadows are lighter and brighter than standard Material Design shadows, which we consider a bit rough. Thanks to this, projects built with MDB gain an outstanding look and unique design. For light design and bright compositions use standard shadows. To apply a shadow to an element simply add one of the following classes to it. For dark design and dark elements use strong shadows by adding -strong to the shadow class. For example: .shadow-2-strong Use the .shadow-inner utility to apply a subtle inset box shadow to an element. This can be useful for things like form controls or wells. By adding .hover-shadow class to the element you can apply a shadow hover effect. Theoretically,…from mdbootstrap.com
Does a similar job
all alternatives →
Advanced Box Shadow CSS Generator2023 · advanced-box-shadow-css-generator.vercel.app · ▲67Create cool and realistic effects with multiple shadows
CSS Box Shadows Generator2023 · boxshadows.xyz · ▲112Create, edit and generate multiple custom CSS box shadows
More dev tools this month
the category →
Contribute to oosexgang/hackios-xnu-kernel development by creating an account on GitHub.
Dev tools · 1d ago · github.com
open-source IDE for thoughtful software design. Contribute to devdotfast/whiteboard development by creating an account on GitHub.
Dev tools · 29d ago · github.com
Contribute to reladraw/reladraw development by creating an account on GitHub.
Dev tools · 27d ago · github.com
OpenBot▲362Grok Bot alternative: free, local, open-source, multiplayer
Dev tools · 25d ago · openbot.run
Talanoa▲346Hi HN, I’m a fullstack developer, and honestly, I’ve lost count of how many side projects I’ve worked on over the years. But one idea kept coming back to me: a different kind of email client. It first came to me in 2014: “What if we could handle emails more like conversations?” Every year, I’d revisit this concept in my “Build Notes.” Ten years later, no one had built exactly what I had in mind — so I finally decided to do it myself. That’s how Talanoa was born. I wanted something focused on people, not timelines. I was tired of marking messages as unread just to remember to reply later, or…
Dev tools · 22d ago · talanoa.email
Source: Product Hunt launch ↗
Launched alongside, January 2022
the whole month →- LA
Life & fun · 2022 · looptap.vasanthv.com
History: Last year I had to replace the tire on my bike, and I was surprised how difficult it was to find a suitable new tire. There were a lot of numbers written on the casing, so I googled what they meant. In the end I was successful, but I didn't want to do the same work again for the next bike after I've forgotten the details. So I wrote this website. Technically, the web page is kept very simple, no frameworks, no templates, no website builder. It uses HTML5, CSS and JavaScript, and it privides a responsive layout for mobile usage. I'm happy to receive feedback. If you have tried the…
Life & fun · 2022 · fahrrad-tools.de
Startup Recipes▲626The ultimate MVP cheat sheet with 60+ startup formulas
Dev tools · 2022 · mvprecipes.com
