pico VS Backdrop CMS

Compare pico vs Backdrop CMS and see what are their differences.

Backdrop CMS

Backdrop is a full-featured content management system that allows non-technical users to manage a wide variety of content. It can be used to create all kinds of websites including blogs, image galleries, social networks, intranets, and more. (by backdrop)
Our great sponsors
  • WorkOS - The modern identity platform for B2B SaaS
  • InfluxDB - Power Real-Time Data Analytics at Scale
  • SaaSHub - Software Alternatives and Reviews
pico Backdrop CMS
64 17
11,969 953
6.8% 0.3%
9.3 9.4
16 days ago 4 days ago
CSS PHP
MIT License GNU General Public License v2.0 (or higher)
The number of mentions indicates the total number of mentions that we've tracked plus the number of user suggested alternatives.
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.

pico

Posts with mentions or reviews of pico. We have used some of these posts to build our list of alternatives and similar projects. The last one was on 2024-02-08.
  • Concrete.css
    11 projects | news.ycombinator.com | 8 Feb 2024
    Modern CSS stylesheets include configurability via CSS variables on the root element so maybe that's where the "framework" comes from.

    Also note: This project looks like an even more minimized version of PicoCSS [1]

    [1] https://picocss.com/

  • Show HN: A template for Markdown-based sites (no static site generator required)
    3 projects | news.ycombinator.com | 3 Dec 2023
    The templates grabs Markdown file data with XMLHttpRequest and converts it to HTML with https://showdownjs.com/ . Classless styles are done with https://picocss.com/ and code block syntax highlighting is done with https://highlightjs.org/ .

    GitHub repo: https://github.com/dandalpiaz/markdown-pages

  • HTML Web Components: An Example
    3 projects | news.ycombinator.com | 17 Nov 2023
    This is exactly why I love HTMX [1] in combination with PicoCSS[2]. HTMX is just the regular html elements with ajax extensions built into the tags (it is a js library currently but they plan on lobbying to have these as default functionalities with HTML in the future) and picoCSS also works without classes so you are "trained" to use the semantic tags for the page to be rendered beautifully

    [1] https://htmx.org/

    [2] https://picocss.com/

  • Crafting A Minimalist Portfolio Website with SvelteKit and Pico CSS
    9 projects | dev.to | 14 Oct 2023
    /*! * Minimal theme switcher * * Pico.css - https://picocss.com * Copyright 2019-2023 - Licensed under MIT */ /** * Minimal theme switcher * * @namespace * @typedef {Object} ThemeSwitcher * @property {string} _scheme - The current color scheme ("auto", "light", or "dark"). * @property {string} menuTarget - The selector for the menu element that contains theme switchers. * @property {string} buttonsTarget - The selector for theme switcher buttons. * @property {string} buttonAttribute - The attribute name used for theme switcher buttons. * @property {string} rootAttribute - The attribute name used for the root HTML element to store the selected theme. * @property {string} localStorageKey - The key used to store the preferred color scheme in local storage. */ export const ThemeSwitcher = { // Config _scheme: 'auto', menuTarget: "details[role='list']", buttonsTarget: 'a[data-theme-switcher]', buttonAttribute: 'data-theme-switcher', rootAttribute: 'data-theme', localStorageKey: 'picoPreferredColorScheme', /** * Initialize the theme switcher. * * @function * @memberof ThemeSwitcher */ init() { this.scheme = this.schemeFromLocalStorage || this.preferredColorScheme; this.initSwitchers(); }, /** * Get the color scheme from local storage or use the preferred color scheme. * * @function * @memberof ThemeSwitcher * @returns {string|null} The color scheme ("light", "dark", or null). */ get schemeFromLocalStorage() { if (typeof window.localStorage !== 'undefined') { if (window.localStorage.getItem(this.localStorageKey) !== null) { return window.localStorage.getItem(this.localStorageKey); } } return this._scheme; }, /** * Get the preferred color scheme based on user preferences. * * @function * @memberof ThemeSwitcher * @returns {string} The preferred color scheme ("light" or "dark"). */ get preferredColorScheme() { return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light'; }, /** * Initialize the theme switcher buttons and their click events. * * @function * @memberof ThemeSwitcher */ initSwitchers() { const buttons = document.querySelectorAll(this.buttonsTarget); buttons.forEach((button) => { button.addEventListener( 'click', (event) => { event.preventDefault(); // Set scheme this.scheme = button.getAttribute(this.buttonAttribute) || 'auto'; // Close dropdown document.querySelector(this.menuTarget)?.removeAttribute('open'); }, false ); }); }, /** * Set the selected color scheme and update the UI. * * @function * @memberof ThemeSwitcher * @param {string} scheme - The color scheme to set ("auto", "light", or "dark"). */ set scheme(scheme) { if (scheme == 'auto') { this.preferredColorScheme == 'dark' ? (this._scheme = 'dark') : (this._scheme = 'light'); } else if (scheme == 'dark' || scheme == 'light') { this._scheme = scheme; } this.applyScheme(); this.schemeToLocalStorage(); }, /** * Get the current color scheme. * * @function * @memberof ThemeSwitcher * @returns {string} The current color scheme ("auto", "light", or "dark"). */ get scheme() { return this._scheme; }, /** * Apply the selected color scheme to the HTML root element. * * @function * @memberof ThemeSwitcher */ applyScheme() { document.querySelector('html')?.setAttribute(this.rootAttribute, this.scheme); }, /** * Store the selected color scheme in local storage. * * @function * @memberof ThemeSwitcher */ schemeToLocalStorage() { if (typeof window.localStorage !== 'undefined') { window.localStorage.setItem(this.localStorageKey, this.scheme); } } };
  • Why everybody speaks only about Tailwind, what happened to Boo0strap?
    2 projects | news.ycombinator.com | 23 Sep 2023
    I personally prefer Bootstrap to Tailwind, but my favorite is https://picocss.com/

    Usually, I just want decent-looking default CSS styles. The benefits of a CSS framework have diminishing returns when using frameworks with styles scoped to components (like SvelteKit/Vue/React).

    The fact Tailwind removes all styles so you can't even tell a button is a button unless you add classes is annoying. If you know the class names, sometimes it's a little more convenient to add Tailwind classes, but for the most part it just clutters the HTML. And it makes it difficult to update entire "classes" of elements: you have to update each element one at a time.

  • Modern CSS Framework or Library for Static Websites?
    2 projects | /r/webdev | 6 Sep 2023
    Do you want to customize it or get something that looks decent out of the box? Consider something like Pico.css which is just a stylesheet that can even be used classless. It just styles the native HTML elements in a nice way and nothing more.
  • Getting started with Pico CSS
    2 projects | dev.to | 3 Aug 2023
    According to its homepage, Pico is a minimal CSS framework for semantic HTML. Pico styles the built-in HTML elements so that when you’re building a small app, you don’t need to write a lot of custom CSS.
    2 projects | dev.to | 3 Aug 2023
    Here, Pico CSS comes into the picture. In some ways, it is the anti-Tailwind library. Pico CSS discourages using a large number of .classes in your application. Instead, it styles the semantic HTML elements in such a way that you don’t need to write a lot of code yourself.
  • how to choose a tech stack for a personal project
    2 projects | /r/Frontend | 1 Jun 2023
    For styling you could try daisyUI on top of tailwind or you could use something like https://picocss.com
  • Ask HN: How do I make a website in 2023?
    11 projects | news.ycombinator.com | 16 May 2023
    I still write basic HTML, styled using any of a number of simple classless CSS templates, like Pico.

    [0] https://picocss.com/

Backdrop CMS

Posts with mentions or reviews of Backdrop CMS. We have used some of these posts to build our list of alternatives and similar projects. The last one was on 2023-12-28.
  • Cold-Blooded Software
    6 projects | news.ycombinator.com | 28 Dec 2023
  • Alternatives to Laravel?
    3 projects | /r/PHP | 29 Jun 2023
    https://backdropcms.org was a fork of Drupal before the rewrite. It was pretty decent when I tried it (admittedly several years ago).
  • The Magic of Small Databases
    3 projects | news.ycombinator.com | 28 Jan 2023
    I see you decided on Wordpress, if you were going to use a CMS I think Drupal 7 would have been a good choice. Drupal has concept of entities and views. An entity as the name suggests is essentially a table and you can add all sorts of different fields to it. From simple text and number fields to images and fields that lookup other entities thus creating relationships between entities. Views is another construct that lets you choose how to display the entities. As a list of as a table a two possible views. Most of this can be done in Drupal 7 without writing code. I say Drupal 7 because you mentioned Wordpress. Drupal 8 and above is more of a developer framework and requires knowledge of Composer. Backdrop [0] is fork of Drupal 7.

    [0]https://backdropcms.org/

  • Doing some research on technologies: Why are a large portion of Drupal downloads still the Drupal 7 version?
    2 projects | /r/drupal | 4 Jan 2023
    I think some smaller biz and nonprofits jumped off to https://backdropcms.org
    2 projects | /r/drupal | 4 Jan 2023
    Some might switch to Backdrop which is a project forked from D7. Some sites will probably just continue to run (technically unsupported) until someone shuts the server down.
  • Leadership?
    3 projects | /r/drupal | 20 Aug 2022
    As a result DO community is not able to delete stuff. For example, they should delete all Drupal 7 stuff on the official website and give the lead to https://backdropcms.org/ regarding support. They should also auto archive issue that are more than a years old without activity.
  • 8 best opensource projects you should try out
    6 projects | dev.to | 22 Mar 2022
    6. BackdropCMS #
  • why not continue develop D7 ...
    2 projects | /r/drupal | 27 Feb 2022
    Here is a link to the release history for Backdrop CMS. https://github.com/backdrop/backdrop/tags
    2 projects | /r/drupal | 27 Feb 2022
    Look into https://backdropcms.org. It's an amazing fork of Drupal 7, but with a lot of D8 niceties including configuration management.
  • Drupal hosting
    2 projects | /r/drupal | 9 Feb 2021
    Try using backdrop. https://backdropcms.org/

What are some alternatives?

When comparing pico and Backdrop CMS you can also consider the following projects:

Tailwind CSS - A utility-first CSS framework for rapid UI development.

Joomla! - Home of the Joomla! Content Management System

Alpine.js - A rugged, minimal framework for composing JavaScript behavior in your markup.

Grav - Modern, Crazy Fast, Ridiculously Easy and Amazingly Powerful Flat-File CMS powered by PHP, Markdown, Twig, and Symfony

unocss - The instant on-demand atomic CSS engine.

Drupal Commerce - Commerce 2.x development

htmx - </> htmx - high power tools for HTML

astro - The web framework for content-driven websites. ⭐️ Star to support our work!

sakura - :cherry_blossom: a minimal css framework/theme.

Hugo - The world’s fastest framework for building websites.

eleventy 🕚⚡️ - A simpler site generator. Transforms a directory of templates (of varying types) into HTML.