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.
- 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.