npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

acss-dnd

v0.0.4

Published

acss-dnd是一款基于原子类 css 特性,实现拖拽布局的一个工具。

Downloads

8

Readme

acss-dnd

acss-dnd(atomic css drag and drop) 是一款基于 atomic css 特性,开发的 web 拖拽式网页编辑器。

🐶 特点

  • 操作简单,只需要拖拽和选择
  • 组件丰富,基础组件和业务组件
  • css 类规范,基于 daisyui 的 class 类,不需要 ui 基础,也能创建出漂亮的页面
  • 多种主题随意切换
  • 响应式,生成的页面自动适配多端设备
  • 导出代码的代码易读、符合 html 规范、tree 结构

🐱 在线体验

🐭 安装

git clone https://github.com/cu-yang/acss-dnd.git
yarn
yarn dev

🐹 项目结构

- template   # 存放模板配置
- views      # 模块
    - main                  # 编辑器外部的样式
    - editor                # 画布
    - template              # 模板预览 选中菜单,弹出对应的template
    - menu-bar              # 菜单
    - side-bar              # 属性操作
        - file-a            # 一个文件夹相当于一个分类
        - file-b
        ...

🐰 基础库

🦊 近期计划

Github Project: https://github.com/cu-yang/acss-dnd/projects/1