MyGit

rough-stuff/wired-elements

Fork: 331 Star: 10532 (更新于 2024-12-01 16:16:45)

license: MIT

Language: TypeScript .

Collection of custom elements that appear hand drawn. Great for wireframes or a fun look.

最后发布版本: v0.7.0 ( 2018-07-19 02:42:32)

官方网址 GitHub网址

wired-elements 👉 wiredjs.com

Wired Elements is a series of basic UI Elements that have a hand drawn look. These can be used for wireframes, mockups, or just the fun hand-drawn look.

alt Preview

Try now

Play with wired-elements:

Wired Elements

Try it with a framework

Wired Elements in React

Wired Elements in Vue

Wired Elements in Svelte

Install

The package (wired-elements) exports all components in the wired category. List of all wired elements can be found here.

Add wired-elements to your project:

npm i wired-elements

Or load the ES module directly through unpkg

<script type="module" src="https://unpkg.com/wired-elements?module"></script>

Usage

Import into your module script:

import { WiredButton, WiredInput } from "wired-elements"

or

import { WiredButton } from 'wired-elements/lib/wired-button.js';
import { WiredInput } from 'wired-elements/lib/wired-input.js';

Use it in your HTML:

<wired-input placeholder="Enter name"></wired-input>
<wired-button>Click Me</wired-button>

Learn about web components here.

Component API

To view details of each component - properties, events, css-properties, etc, are provided in the docs folder.

Demo

Demo of all components is available at wiredjs.com.

Credits

wired-elements was built using RoughJS and Lit.

Contributors

Become a sponsor of the Rough suite of libraries

Financial Contributors

Become a financial contributor and help us sustain our community. [Contribute]

Individuals

Organizations

Support this project with your organization. Your logo will show up here with a link to your website. [Contribute]

License

MIT License (c) Preet Shihn

最近版本更新:(数据更新于 2024-09-27 05:45:37)

2018-07-19 02:42:32 v0.7.0

2018-06-22 02:59:58 v0.6.5

2018-06-07 14:41:00 v0.6.4

2018-05-25 01:51:01 v0.5.3

2018-05-23 15:53:11 v0.5.2

2018-05-23 00:59:34 v0.5.1

2017-09-07 05:57:41 v0.2.3

2017-09-07 03:56:55 v0.2.2

2017-09-07 03:34:36 v0.2.1

2017-09-07 03:30:39 v0.2.0

主题(topics):

lit-element, lit-html, prototyping, web-components, webcomponents, wireframe, wireframes

rough-stuff/wired-elements同语言 TypeScript最近更新仓库

2024-12-22 15:05:26 elizaOS/eliza

2024-12-21 21:40:12 lobehub/lobe-chat

2024-12-21 12:01:51 siyuan-note/siyuan

2024-12-21 09:15:35 MetaCubeX/metacubexd

2024-12-21 04:50:26 mediar-ai/screenpipe

2024-12-20 19:36:48 vitejs/vite