https://github.com/atomicojs/formilk

Minimalist DS created with Atomico
https://github.com/atomicojs/formilk

Last synced: 9 months ago
JSON representation

Minimalist DS created with Atomico

• Host: GitHub
• URL: https://github.com/atomicojs/formilk
• Owner: atomicojs
• Created: 2021-04-14T23:01:01.000Z (about 5 years ago)
• Default Branch: master
• Last Pushed: 2022-05-19T16:15:55.000Z (about 4 years ago)
• Last Synced: 2024-10-29T10:39:07.662Z (over 1 year ago)
• Language: TypeScript
• Homepage: https://formilk.netlify.app/
• Size: 4.68 MB
• Stars: 13
• Watchers: 1
• Forks: 6
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
![logo](https://raw.githubusercontent.com/atomicojs/formilk/master/assets/logo.svg)

[![doc](https://raw.githubusercontent.com/atomicojs/atomico/brand/link-to-doc.svg)](https://formilk.netlify.app/) [![Discord](https://raw.githubusercontent.com/atomicojs/atomico/brand/link-to-discord.svg)](https://discord.gg/7z3rNhmkNE) [![Figma](https://raw.githubusercontent.com/atomicojs/atomico/brand/link-to-figma.svg)](https://www.figma.com/community/file/1091744563513186455)

Formilk is a system of configurable webcomponents designed by [UpperCod](https://twitter.com/uppercod) and created with [Atomico](http://github.com/atomicojs/atomico), Formilk is created to:

1. offer a series of useful webcomponents when creating design systems.

2. Configurable through a token system represented by custom properties.

3. Be agnostically friendly with third party libraries, eg Html, React, Preact and others.

4. Communicate states to forms, Whether formilk webcomponents can be used inside a `` tag.

## Usage example

[![Usage example](https://raw.githubusercontent.com/atomicojs/formilk/master/assets/contact-app.png)](https://formilk.netlify.app/examples/contact-app)

## Figma preview

[![Figma preview](https://raw.githubusercontent.com/atomicojs/formilk/master/assets/example.svg)](https://www.figma.com/community/file/1091744563513186455)

## Formilk is agnostically friendly

Thanks to Atomico formilk natively transcends React in the use of webcomponents, example:

![html](./assets/html.png)

![atomico](./assets/atomico.png)

![react](./assets/react.png)

## Contribute and share

We invite you to be part of this project, proposing new components and examples, for this we invite you to work with figma and then share your constructions with us.