feat(tools): add new tools (lynx, flutter, reactnative, unocss) and their icons

Add tool definitions and corresponding SVG icons for Lynx browser, Flutter framework, React Native framework, and Unocss CSS framework

Author: wilsonwangdev

.vscode/settings.json

@@ -2,8 +2,8 @@
   "editor.formatOnSave": true,
   "editor.defaultFormatter": "biomejs.biome",
   "editor.codeActionsOnSave": {
-    "source.organizeImports.biome": true,
-    "source.fixAll.biome": true
+    "source.organizeImports.biome": "explicit",
+    "source.fixAll.biome": "explicit"
   },
   "[astro]": {
     "editor.defaultFormatter": "biomejs.biome",

src/assets/icons/flutter.svg

@@ -0,0 +1,11 @@
+import type { Tool } from '../types';
+
+export const flutter: Tool = {
+  icon: 'local',
+  name: 'Flutter',
+  description:
+    'Flutter is a framework for building natively compiled, multi-platform applications from a single codebase.',
+  category: 'Monorepo Tool',
+  docsLink: 'https://flutter.dev',
+  githubLink: 'https://github.com/flutter/flutter',
+};

src/assets/icons/lynx.svg

@@ -11,9 +11,11 @@ import { electron } from './electron';
 import { esbuild } from './esbuild';
 import { eslint } from './eslint';
 import { farm } from './farm';
+import { flutter } from './flutter';
 import { jest } from './jest';
 import { lightningcss } from './lightningcss';
 import { lit } from './lit';
+import { lynx } from './lynx';
 import { mocha } from './mocha';
 import { nextjs } from './nextjs';
 import { nodejs } from './nodejs';
@@ -28,6 +30,7 @@ import { pnpm } from './pnpm';
 import { preact } from './preact';
 import { qwik } from './qwik';
 import { react } from './react';
+import { reactnative } from './reactnative';
 import { rolldown } from './rolldown';
 import { rollup } from './rollup';
 import { rsbuild } from './rsbuild';
@@ -42,6 +45,7 @@ import { swc } from './swc';
 import { tailwind } from './tailwind';
 import { tarui } from './tarui';
 import { turbo } from './turbo';
+import { unocss } from './unocss';
 import { vite } from './vite';
 import { vitepress } from './vitepress';
 import { vitest } from './vitest';
@@ -51,6 +55,10 @@ import { yarn } from './yarn';
 
 // Export all tools sorted alphabetically by name
 export const tools: Tool[] = [
+  lynx,
+  flutter,
+  reactnative,
+  unocss,
   lightningcss,
   rspress,
   rstest,

src/assets/icons/reactnative.svg

@@ -0,0 +1,10 @@
+import type { Tool } from '../types';
+
+export const lynx: Tool = {
+  icon: 'local',
+  name: 'Lynx',
+  description: 'Lynx is a fast, secure, and private web browser.',
+  category: 'Other',
+  docsLink: 'https://lynx.browser.org',
+  githubLink: 'https://github.com/lynx-browser/lynx',
+};

src/assets/icons/unocss.svg

@@ -0,0 +1,10 @@
+import type { Tool } from '../types';
+
+export const reactnative: Tool = {
+  icon: 'local',
+  name: 'React Native',
+  description: 'React Native is a framework for building native apps using React.',
+  category: 'Monorepo Tool',
+  docsLink: 'https://reactnative.dev',
+  githubLink: 'https://github.com/facebook/react-native',
+};

src/data/tools/flutter.ts

@@ -0,0 +1,11 @@
+import type { Tool } from '../types';
+
+export const unocss: Tool = {
+  icon: 'local',
+  name: 'Unocss',
+  description:
+    'Unocss is a utility-first CSS framework that can be used with any framework or library.',
+  category: 'Monorepo Tool',
+  docsLink: 'https://unocss.dev',
+  githubLink: 'https://github.com/unocss/unocss',
+};