30 seconds of code

Short CSS code snippets for all your development needs

• Visit our website to view our snippet collection.


• Use the Search page to find snippets that suit your needs. You can search by name, tag, language or using a snippet's description. Just start typing a term and see what comes up.


• Browse the CSS Snippet collection to see all the snippets in this project or click individual tags at the top of the same page to narrow down your search to a specific tag.


• Click on each snippet card to view the whole snippet, including code, explanation and examples.


• You can use the button at the bottom of a snippet card to view the snippet in Codepen.


• If you like the project, give it a star. It means a lot to the people maintaining it.

Want to contribute?

• If you want to help us improve, take a minute to read the Contribution Guidelines first.


• Use the Snippet Template to add new snippets to the collection.


• If you find a problem with a specific snippet, please open an issue.


• If you find a problem with the website, please report it in the web repository.

Credits

• This repository is maintained by the 30 seconds of code organization on GitHub.


• All snippets are licensed under the CC0-1.0 License, unless explicitly stated otherwise.


• Logos, names and trademarks are not to be used without the explicit consent of the owners of the 30 seconds of code GitHub organization.


• Our website is powered by Netlify, Next.js & GitHub.