Simple and Easy-to-Use Web-based Creative Drawing Board. This is a web-based drawing board application that supports mobile devices, integrating a variety of creative brushes and painting features. It supports operations such as shape drawing, erasing, customizing the drawing board, and saving works as images.

JavaScript Library for Creating Presentation Slides (PPT). This is a JavaScript library for generating PPT files that is easy to get started with, powerful, and supports the addition of charts, tables, SVGs, GIFs, and other content. The generated files are compatible with applications such as PowerPoint and Keynote.

import pptxgen from "pptxgenjs";

// 1. Create a new Presentation
let pres = new pptxgen();

// 2. Add a Slide
let slide = pres.addSlide();

// 3. Add one or more objects (Tables, Shapes, Images, Text and Media) to the Slide
let textboxText = "Hello World from PptxGenJS!";
let textboxOpts = { x: 1, y: 1, color: "363636" };
slide.addText(textboxText, textboxOpts);

// 4. Save the Presentation
pres.writeFile();

Free and Open-Source Resume Design Platform. This is a free, open-source, and ad-free online resume creation platform that comes with 12 professional resume templates, supports multiple languages, PDF export, and OpenAI integration.

Open Source Cultivation Text Adventure Game. This is a cultivation simulator developed based on Vue.js, an interactive text game suitable for players who enjoy idle games and cultivation themes.

Powerful and Flexible Flowchart Engine. This project is designed for building node-based editors and interactive diagrams, supporting React and Svelte frameworks. It is ready to use out of the box and highly customizable, suitable for developing workflows and flowcharts among other scenarios.

const initialNodes = [
{ id: '1', position: { x: 0, y: 0 }, data: { label: '1' } },
{ id: '2', position: { x: 0, y: 100 }, data: { label: '2' } },
];

const initialEdges = [{ id: 'e1-2', source: '1', target: '2' }];

function Flow() {
const [nodes, setNodes, onNodesChange] = useNodesState(initialNodes);
const [edges, setEdges, onEdgesChange] = useEdgesState(initialEdges);

const onConnect = useCallback((params) => setEdges((eds) => addEdge(params, eds)), [setEdges]);

return (
  <ReactFlow
    nodes={nodes}
    edges={edges}
    onNodesChange={onNodesChange}
    onEdgesChange={onEdgesChange}
    onConnect={onConnect}
  >
    <MiniMap />
    <Controls />
    <Background />
  </ReactFlow>
);
}

Free Visual Web Page Construction Platform. This project offers an intuitive visual interface, enabling users to design and construct web HTML templates quickly through a drag-and-drop method. It features what-you-see-is-what-you-get (WYSIWYG) capabilities and mobile adaptation, suitable for official websites, news, and CMS types of websites.

React Component for Easily Creating Skeleton Screens. This project is a React component designed for creating placeholder graphics when pages are loading. It is compact, customizable, and provides a variety of pre-set styles and example code, which is extremely easy to use, and supports mainstream frameworks such as React, Vue, and Angular.

import { Code } from 'react-content-loader'

const MyCodeLoader = () => <Code />

Cloudflare-based Short Link Platform with Access Statistics. This project is a short link service operating on Cloudflare, supporting features such as URL shortening, access analysis, and link expiration dates.

Self-Hosted Chatbot Builder. This project enables users to easily create advanced chatbots through a visual drag-and-drop interface and embed them into websites. It offers over 30 chat building blocks, along with features like self-hosting, analytics tools, custom domain names, and branding customization, suitable for scenarios such as online customer service and sales support.

User-Friendly JavaScript Typing Animation Library. This project is a JavaScript library specifically designed to create typing animation effects. It is easy to use and SEO-friendly, supporting features such as deletion effects, setting the typing speed, and the number of loops.

var typed = new Typed('.element', {
  strings: ["First sentence.", "Second sentence."],
  typeSpeed: 30
});