CSS Grid Garden
Flexbox Froggy
CSSBattle
CSS-Tricks
CodePen
What The FlexBox?!
Vim Adventures
Tailwind CSS
Emisar.dev
Emisar is the last MCP server youโll need to install: a Zero-Trust gateway connecting Claude, Cursor, ChatGPT, and any AI agent to your infrastructure. One server handles production access, debugging, alerts, and internal operations, with new capabilities added as packs. Agents can inspect real production state, debug what they shipped, and help resolve incidents. Safe reads run automatically; policy allows, blocks, or routes risky actions for approval. No SSH keys, VPNs, remote shells, or standing shell access โ and every call is recorded.
CSS Grid Garden Emisar.devNo features have been listed yet.
Emisar.dev's answer:
emisar is for SRE, DevOps, platform engineering, infrastructure, and security teams that want AI agents to inspect and operate production systems. It is especially relevant to teams managing multiple Linux hosts, clusters, databases, cloud services, or regulated environments where unrestricted shell access and incomplete audit records are unacceptable.
Emisar.dev's answer:
The hosted control plane and operator interface use Elixir, Phoenix, LiveView, PostgreSQL, and Tailwind CSS. The host runner and MCP bridge are written in Go. Action packs use YAML and JSON Schema, while production infrastructure is managed with Terraform on Google Cloud. The system communicates through MCP, OAuth 2.1, TLS, and WebSockets.
Emisar.dev's answer:
Emisar.dev's answer:
Founder Andrii Dryga spent a decade working as a CTO, full-stack engineer, SRE, and DevOps engineer. He experienced the cost of running the wrong command on the wrong cluster, while also seeing AI solve operational problems in seconds. emisar grew from the need to preserve both truths: AI agents are useful, and production access must remain bounded. Its answer is to give agents a reviewed catalog of operations instead of a blank terminal.
Emisar.dev's answer:
emisar lets AI agents work on real infrastructure without giving them a shell. Agents choose from a finite catalog of typed, versioned actions. Policy decides what runs, what requires approval, and what is denied, while an outbound-only runner verifies the action again on the host. New capabilities arrive as packs behind the same MCP integration, and every request is recorded in both a searchable audit trail and a tamper-evident host journal. [
Emisar.dev's answer:
Choose emisar when you want an agent to keep investigating and handling routine operations without handing it SSH credentials or supervising every call. Compared with raw shell access, copy-paste workflows, or one-off MCP servers, emisar provides reviewed action contracts, host-level enforcement, risk-based policy, scoped access, approvals, pack integrity checks, and a durable audit trail. It is built specifically for governed infrastructure access rather than generic automation.
Based on our record, CSS Grid Garden seems to be more popular. It has been mentiond 103 times since March 2021. We are tracking product recommendations and mentions on various public social media platforms and blogs. They can help you identify which product is more popular and what people think of it.
If this accepts Firefox and Safari then it could be a great addition to "intro to web dev" tutorials CSS Flex https://flexboxfroggy.com/ CSS Grid https://cssgridgarden.com/ CSS selectors https://flukeout.github.io/. - Source: Hacker News / over 1 year ago
I know others have already mentioned it, but I've recommended https://flexboxfroggy.com/ to others before and they quickly picked it up. This is another good one for learning css grid https://cssgridgarden.com/. - Source: Hacker News / over 1 year ago
A fun tool for grid learning: https://cssgridgarden.com/. - Source: Hacker News / almost 2 years ago
. CSS Diner: Practice CSS selectors with a fun game. . Flexbox Froggy: Learn CSS Flexbox by playing this game. . Grid Garden: Master CSS Grid layout by playing this game. . Flexbox Defense: A game to learn CSS Flexbox. . CSSBattle: Compete against others by writing CSS code. . Flexbox Zombies: Learn CSS Flexbox by playing this game. - Source: dev.to / about 2 years ago
Grid Garden: Master CSS Grid layout by playing this game. - Source: dev.to / over 2 years ago
Flexbox Froggy - A game for learning CSS flexbox
CSSBattle - Play against others in golf with your CSS skills
CSS-Tricks - CSS-Tricks is a website about websites.
CodePen - A front end web development playground.
What The FlexBox?! - A 20 video course that will help you master CSS Flexbox
Vim Adventures - Learning Vim while playing a game
