rough-stuff/wired-elements
Fork: 329 Star: 10491 (更新于 2024-09-17 19:10:09)
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)
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.
Try now
Play with wired-elements:
Try it with a framework
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
最近版本更新:(数据更新于 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-10-06 04:25:19 aeharding/voyager
2024-10-05 20:47:58 AIsouler/GKD_subscription
2024-10-05 14:39:02 RSSNext/Follow
2024-10-05 09:14:41 continuedev/continue
2024-10-05 06:26:09 triggerdotdev/trigger.dev
2024-10-04 22:55:10 siyuan-note/siyuan