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 CC-BY-4.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.