svelte-materialify - GitLite

KO | EN

gitlite — search

#hacktoberfest #react #typescript #golang #go #machine-learning #rust #deep-learning #awesome #cli #awesome-list #vue #pytorch #security

svelte-materialify

(★ 613)

A Material UI Design Component library for Svelte heavily inspired by vuetify.

File Explorer

Download Latest Version (.zip)

- - ci.yml
- banner.png
- banner.psd
- logo-128.png
- logo-192.png
- logo-500.png
- logo-512.png
- logo.svg
- maskable_icon.png
- svelte-materialify.svg
- - package.json
- - .gitignore
  - package.json
  - rollup.config.js
- - .gitignore
  - babel.config.js
  - CHANGELOG.md
  - jest.config.js
  - package.json
  - preprocess.js
  - rollup.config.js
  - svelte.config.js
.editorconfig
.eslintignore
.eslintrc.js
.gitattributes
.gitignore
.gitpod.yml
.prettierignore
.prettierrc
.stylelintignore
.stylelintrc
CODE_OF_CONDUCT.md
commitlint.config.js
lerna.json
LICENSE
package.json
README.md
svelte-materialify.code-workspace
vercel.json
yarn.lock

# Installation Guide

1. Get the code

git clone https://github.com/TheComputerM/svelte-materialify

Downloads the entire project code from GitHub to your computer.

cd svelte-materialify

Moves into the project folder you just downloaded.

2. Node.js

Easy Recommended

Prerequisites

Git Needed to download the project code from GitHub.
Node.js Node.js must be installed to use npm. The LTS version is recommended.

<img src="https://img.shields.io/npm/dt/svelte-materialify.svg" alt="Downloads">

Type this command into your terminal and run it.

<img src="https://img.shields.io/npm/dm/svelte-materialify.svg" alt="Downloads">

Type this command into your terminal and run it.

<img src="https://img.shields.io/npm/l/svelte-materialify.svg" alt="License">

Type this command into your terminal and run it.

<img src="https://img.shields.io/npm/v/svelte-materialify.svg" alt="Version">

Type this command into your terminal and run it.

✅ After running the command, open the address shown in the terminal (usually something like http://localhost:3000) in your browser.

Pulled directly from this repo's README.

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# DISCLAMER

###  All my exams are now over, and I will be starting college soon. I do not know how much free time I will have, and I don't know if I want to keep working on this project. I won't make any promises, but I don't want to make the same mistake of keeping something on the backburner while many people are interested in it. This was my first big open-source project and I have learned a lot from maintaining it. I was going to update it to Material 3, but I am so tired and have lost my edge. Sorry, everyone but I am archiving this project because I have found some good alternatives such as https://www.beercss.com/ and https://www.svelteui.org/. Goodbye and thanks for enduring my tardiness.

<p align="center">
  <a href="https://svelte-materialify.vercel.app/" target="_blank">
    <img alt="Svelte Materialify Logo" width="100" src="logo/logo.svg">
  </a>
</p>

<h1 align="center">Svelte Materialify</h1>

<p align="center">
  <a href="https://github.com/thecomputerm/svelte-materialify/actions?query=workflow%3ACI">
    <img src="https://github.com/thecomputerm/svelte-materialify/workflows/CI/badge.svg" alt="CI badge">
  </a>
  <a href="https://www.npmjs.com/package/svelte-materialify">
    <img src="https://img.shields.io/npm/dt/svelte-materialify.svg" alt="Downloads">
  </a>
  <a href="https://www.npmjs.com/package/svelte-materialify">
    <img src="https://img.shields.io/npm/dm/svelte-materialify.svg" alt="Downloads">
  </a>
  <br>
  <a href="https://github.com/thecomputerm/svelte-materialify/blob/master/LICENSE.md">
    <img src="https://img.shields.io/npm/l/svelte-materialify.svg" alt="License">
  </a>
  <a href="https://discord.gg/dKGmnhf">
    <img src="https://img.shields.io/discord/768317529641975829?logo=Discord" alt="Discord">
  </a>
  <br>
  <a href="https://www.npmjs.com/package/svelte-materialify">
    <img src="https://img.shields.io/npm/v/svelte-materialify.svg" alt="Version">
  </a>
</p>

## Website

Website is located at [https://svelte-materialify.vercel.app/](https://svelte-materialify.vercel.app/), it is still in development.

## Installation

See how to [install](https://svelte-materialify.vercel.app/getting-started/installation/) svelte materialify for your preferred framework _(svelte/sapper/routify)_.

## Support

For help and support questions, please join our [community discord](https://discord.gg/dKGmnhf). Issues should only be used for reporting bugs and suggesting features/enhancements.

## Contributing

Thank you for taking the time to contribute, you should start by reading the [Code of Conduct](https://github.com/TheComputerM/svelte-materialify/blob/master/CODE_OF_CONDUCT.md) and the [Contribution Guide](https://svelte-materialify.vercel.app/getting-started/contributing/).

## Changelog

Detailed changes for each release are listed [here](https://github.com/TheComputerM/svelte-materialify/blob/master/packages/svelte-materialify/CHANGELOG.md).

## Thanks:

- **[Shriji](https://github.com/peopledrivemecrazy)** for the logos.
- **[MDsveX](https://github.com/pngwn/MDsveX)**
- **[Vuetify](https://vuetifyjs.com/)**
- **[Material Design](https://material.io/components/)**