Use Browserling’s online tools for encoding, URL escaping, formatting, and minifying HTML, CSS, JavaScript, and JSON.
CSS-Tricks
Browse code snippets for HTML, CSS, JavaScript, PHP, WordPress, jQuery, and other web technologies on CSS-Tricks.
About CSS-Tricks
CSS-Tricks Code Snippets is a collection of code snippets for web developers. It covers HTML, CSS, JavaScript, PHP, WordPress, jQuery, HTAccess, Sass, and other web technologies. The page lists individual snippets with title, last updated date, author, and category.
You can browse the list to find code for common tasks and layouts. Examples shown include a CSS Flexbox layout guide, CSS Grid starter layouts, media queries for standard devices, custom checkboxes, smooth scrolling, and WordPress functions. Each entry is grouped by category such as CSS, HTML, JavaScript, or Sass.
The collection suits web developers and others working with front-end code or WordPress. Listings name authors such as Chris Coyier, Geoff Graham, and Kitty Giraudel. It is accessed through the web in English.
Key features
- Browse code snippets for HTML, CSS, and JavaScript
- Includes snippets for WordPress, jQuery, PHP, and HTAccess
- Includes Sass snippets and mixins
- Shows author, category, and last updated date
- Covers layout guides for Flexbox and CSS Grid
Best for: Web developers looking for reusable snippets for HTML, CSS, JavaScript, and WordPress.
Good for
- Covers multiple web technologies in one place
- Listings show update date and author
- Includes layout, styling, and scripting examples
CSS-Tricks at a glance
- Website
- css-tricks.com/snippets
- Category
- Development › CSS & Web Styling
- Type
- Online tool
- Pricing
- Not confirmed. Check the site
- Platforms
- Web
- Open source
- Not stated
- Language
- English
- Good for
- Developers
- Last checked
- Oct 5, 2026 · Online when checked
- Listed
- Oct 5, 2026
CSS-Tricks alternatives
Tools and sites you could use instead, ranked by how closely they match.
HTMLrev provides free HTML and CSS templates for websites, landing pages, blogs, portfolios, and dashboards.
Bootsnipp is a gallery of free Bootstrap design elements and code snippets in HTML, CSS, and JavaScript.
A browser code editor with HTML, CSS, JavaScript and output panels for sharing small examples.
FreemiumOpen source
5 alternatives
MDN’s browser playground for editing and running HTML, CSS and JavaScript examples.
Free
5 alternativesA browser front-end editor for HTML, CSS and JavaScript demos, with free public work and paid features.
Freemium
5 alternativesPopular in CSS & Web Styling
Well-known listings from the same topic.
CSS Bedcssbed.comCSSPeepercsspeeper.comPanda CSSpanda-css.comBeer CSSbeercss.comAnimistaanimista.netdaisyUIdaisyui.com
CSS-Tricks FAQ
What is CSS-Tricks Code Snippets?
It is a collection of code snippets for web developers covering HTML, CSS, JavaScript, PHP, WordPress, jQuery, HTAccess, and more.
What categories of snippets are available?
Categories shown include CSS, HTML, JavaScript, WordPress, jQuery Code Snippets, and Sass.
Do snippet listings show update information?
Yes, each listing shows the last updated date, author name, and category.
Is something wrong or out of date?
Tell us and an editor will check it.
Own this website?
Claim this listing
Claim the listing and suggest updates yourself. An editor checks every claim first.