JavaScript Library for 3D Geospatial Visualization.This project is a JavaScript library for creating interactive 3D globes and 2D maps on web pages, leveraging WebGL technology to accelerate graphics processing, offering a good rendering speed, capable of handling massive and dynamic data visualizations, supporting various data formats such as terrain and 3D Tiles, suitable for building Web applications for Geographic Information Systems (GIS).

import { Viewer } from "cesium";
import "cesium/Build/Cesium/Widgets/widgets.css";

const viewer = new Viewer("cesiumContainer");

JavaScript Library for Automatically Compatible with Error JSON Format.This is a JavaScript library for fixing/parsing various error JSON formats. Unlike JSON.parse() which directly throws an exception when encountering format errors, it can automatically handle common JSON format issues such as missing quotes in key names, single quotes instead of double quotes, trailing commas, missing commas, and irregular line breaks.

import { jsonrepair } from 'jsonrepair'

try {
  // The following is invalid JSON: is consists of JSON contents copied from 
  // a JavaScript code base, where the keys are missing double quotes, 
  // and strings are using single quotes:
  const json = "{name: 'John'}"
  
  const repaired = jsonrepair(json)
  
  console.log(repaired) // '{"name": "John"}'
} catch (err) {
  console.error(err)
}

Cool 3D Sphere Annual Meeting Lottery Application.This is an annual meeting lottery tool built based on Three.js and Vue.js, supporting functions such as importing personnel lists, setting prizes/awards, playing background music, and temporary lottery.

Free and Open-source Screen Recording Tool.This is a free and open-source screen recording tool that can serve as a lightweight alternative to Screen Studio. It supports application recording, background modification, custom scaling duration, etc. and is suitable for Windows and macOS systems.

Easy-to-expand CSS-in-JS Solution.This project is a CSS-in-JS library open-sourced by Meta. It supports defining styles in JavaScript and automatically optimizes and extracts them into independent CSS files during compilation. This not only eliminates runtime performance overhead but also completely avoids style conflicts.

import * as stylex from '@stylexjs/stylex';

const styles = stylex.create({
  root: {
    padding: 10,
  },
  element: {
    backgroundColor: 'red',
  },
});

const styleProps = stylex.props(styles.root, styles.element);

Minimal Personal Cloud Photo Album Platform.This is a powerful self-hosted personal photo album application designed specifically for displaying and sharing personal photography works. It provides a simple and easy-to-use web interface, allowing you to easily manage and browse photos. It supports Live Photo and Motion Photo formats and has functions such as EXIF information parsing, geographical location recognition and map exploration.

Free and Cool Stock Market App.This is a stock market platform built with Next.js, TailwindCSS and MongoDB, providing real-time quotes, charts (candlestick charts, heat maps), news and personalized monitoring. It focuses on data display and analysis and does not support trading.

CMS Designed Specifically for Static Websites.This is a content management system (CMS) designed specifically for static website generators, supporting Jekyll, Next.js, VuePress, and Hugo, etc. It provides a friendly user interface, allowing non-technical personnel to easily edit and update website content. All changes will be automatically converted into commits on GitHub.

Free and Open Source Google Drive Alternative.This is a cloud storage platform built with Node.js and MongoDB, providing file management and storage functions similar to Google Drive. It supports one-click deployment with Docker.

Making React State Management Easier.This is a lightweight, fast, and easy-to-extend React state management library that provides developers with a concise and efficient state management experience. It has a simple API, supports directly defining and using states, and manages states through custom Hooks, helping you stay away from the complexity and pitfalls of traditional state management solutions.

import { create } from 'zustand'

type Store = {
  count: number
  inc: () => void
}

const useStore = create<Store>()((set) => ({
  count: 1,
  inc: () => set((state) => ({ count: state.count + 1 })),
}))

function Counter() {
  const { count, inc } = useStore()
  return (
    <div>
      <span>{count}</span>
      <button onClick={inc}>one up</button>
    </div>
  )
}