loading...
Cover image for Curated presets & box-shadow editor for devs & designers

Curated presets & box-shadow editor for devs & designers

rheaditi profile image Aditi Mohanty ใƒป1 min read

Abinav Seelan and I built a site to curate beautiful box-shadow based designs we found from around the web - to spark design inspiration when we start new projects.

boxshadows.com

It features a list of presets from sources like:

  • material design (materialize-css) ๐Ÿ“ƒ
  • tailwindcss ๐Ÿ’จ
  • windows 98 ๐Ÿค“
  • minecraft! ๐Ÿ‘พ
  • ... and more (even DEV.to ๐Ÿ˜‰)

It also features an in-browser editor that allows you to tweak these presets or create your own designs!

View the source here:

GitHub logo campvanilla / boxshadows

create and tweak CSS box-shadows โœจ

logo-light-medium-400x70

create and tweak CSS box-shadows โœจ

Contributing

Want to raise an issue or pull request? Do give our Contributing page a read. ๐Ÿค“

First time setup

To set up the codebase, clone the repository.

git clone https://github.com/campvanilla/boxshadows.git

Once the repository has been cloned, install the necessary dependencies.

npm install

To start the development environment,

npm start

View the application at http://localhost:7335/




Posted on by:

rheaditi profile

Aditi Mohanty

@rheaditi

bit of everything. ๐Ÿค“ ๐Ÿ’ป ๐ŸŽง ๐ŸŽฎ

Discussion

markdown guide
 

Great !

I think Skeuomorphism is more Neumorphism

 
 
 

Looking good... but i m working on python almost over a day....๐Ÿ˜Ž๐Ÿ˜Ž๐Ÿ˜Ž
i will defiantly try if i get change to work with front-end ๐Ÿค“

 

I always looked my old projects to find cards that would fit for the new purpose... Thank you! Bookmarked it and will use it on my next project :)

 

Awesome! Glad you found it useful, Tobias!
Feel free to raise a PR to add any preset(s) which you love and would like to share with others :D

 

Looks good,keep this work updated