erictherobot / svelteit Goto Github PK

View Code? Open in Web Editor NEW

76.0 6.0 9.0 1004 KB

Svelteit is a minimalistic UI/UX component library for Svelte and Sapper projects

Home Page: https://docs.svelteit.dev

License: MIT License

JavaScript 2.53% CSS 4.86% Svelte 87.44% SCSS 5.16%

svelte ui-components ux framework component-library css-grid-layout css-framework responsive-layout sapper

svelteit's Introduction

ERIC DAVID SMITH

Building things every day. I am self taught. This means I am continually learning and making new mistakes every day. I'm grateful and proud of this mindset. This mindset has made me more of a generalist rather than a specialist.

Youtube Videos

YouTube - Music + Code === ❤️
YouTube - How To Program Code
YouTube - How To Record Music

SOLO / WEEKEND PROJECTS

(WEB - NEXTJS)

Eric David Smith - Launched July 10, 2023
Civil Rights AI - AI Powered Civil Rights Legal Assistant - Launched August 21, 2023
KYWRD AI - AI Powered SEO Keyword Assistant - Launched August 15, 2023
Anatomist AI - AI Powered exploration of humans and animals - Launched August 10, 2023
Investor Pitch AI - AI Powered Investor Pitch Generator - Launched August 05, 2023
Colors AI - AI Powered Color Scientist Assistant - Launched July 28, 2023
Songwriter AI - SongSmithAI.com - AI Powered Songwriting Assistant - Launched July 24, 2023
Recipe Generator AI - AI Powered Meal Planning and Recipe Assistant - Launched July 23, 2023
Entrepreneur AI - AI Powered Business Advisor Assistant - Launched July 22, 2023
My Faith AI - AI Powered Religion Assistant - Launched July 5, 2023
Copy Writing AI - AI Powered Copywriting Assistant - Launched July 4, 2023
Financial Advisor AI - AI Powered Financial Advisor Assistant - Launched July 3, 2023
Career Coaching AI - AI Powered Career Coaching Assistant - Launched July 2, 2023
Estate Planning AI - AI Powered Estate Planning Assistant - Launched June 29, 2023
Veterans AI - AI Powered Veterans Support Assistant - Launched June 28, 2023
Entomology AI - AI Powered Entomologist Assistant For Kids - Launched June 28, 2023
Housing Court AI - AI Powered Housing Court Assistant - Launched June 28, 2023
Family Court AI - AI Powered Family Court Assistant - Launched June 27, 2023
Caregivers AI - AI Powered Help and Support for Caregivers, Parents, and Families - Launched June 26, 2023
Admit You Have A Problem - AI Powered Therapy - Launched June 25, 2023
TweetGen AI - AI generated tweets to help you grow your audience and brand - Launched June 25, 2023
Pros And Cons AI - AI generated pros and cons for any topic - Launched June 8, 2023
Azlyn AI - Interpret Dreams and Visions with AI - Launched June 4, 2023
Colorful Dots, LLC
Mad Story
Love Is Blank
Blannk.com

(WEB - DENO)

How To Program Code - Software Development Courses - Launched Sept 30, 2022
Remotely Hiring - Launched August 1, 2022
Recording The City Records - Launched July 15, 2022
Jabberwocky Project - $100+ billion valuation :) - Launched July 20, 2022
Before I Die I - WIP
JOG BUY - WIP

(NATIVE MOBILE - IOS SwiftUI)

Metal Magnet - Launched September 27, 2023
Confetti Clock - Launched September 25, 2023
Habit Track Pro - Launched May 30, 2023
Odd Poems
Color My Music
Mad Story
Randy Random
Odd Gifs
Awesome List
Why Eleven

(MacOS - SwiftUI)

Key Click Pro - Launched October 28, 2023
Set Sleep Pro - Launched September 22, 2023
Record Bar Pro - Launched September 18, 2023
LinkLock Pro - Launched April 30, 2023

(WEB - SVELTE)

SvelteIt - OPEN SOURCE - NEEDS REFRESHING

(UNITY / C# - VIRTUAL REALITY)

SvelteIt - OPEN SOURCE - NEEDS REFRESHING

(Rust Lang)

Zipity Framework - A markdown-based micro web framework built in Rust.

(VSCode Extensions)

Quote Replacer - Replace quotes in VSCode in one simple command.

(NPM Packages)

Create Quick Stack - A command line tool designed to streamline the initial setup of JavaScript projects.

svelteit's People

Contributors

Stargazers

Watchers

Forkers

lgs tamasfabi hyojin guanghw myittoolbox linecode kaashin murunwasdev collabsoft

svelteit's Issues

Custom theme

Hi, thank you for sharing this cool project!

I'm considering using this framework for my project, and definitely customization is required.
Is there any update on custom themes?

If there is no plan yet, I'd like to suggest making the sass variables customizable until then.
hyojin@e118c83

It's based on Bootstrap 4?

Hey! Good job!
Can you tell me if it's based on Bootstrap 4?

Not able to use components after adding svelteit to my project

I followed the docs to add svelteit to my project. After installing required packages and configuring the project. it is throwing the following error.

(!) Unresolved dependencies
https://rollupjs.org/guide/en/#warning-treating-module-as-external-dependency
@colorfuldots/svelteit/dist/css/svelteit.min.css (imported by src/App.svelte)
[!] (plugin svelte) ParseError: Identifier is expected
node_modules/@colorfuldots/svelteit/src/ButtonGroup.svelte
27:     vertical-align: middle;
28:
29:     > {
        ^
30:       :global(button:not(:first-child)),
31:       .svelteit-button-group:not(:first-child) > :global(button) {
ParseError: Identifier is expected
    at error (/home/bhanu/app/node_modules/svelte/src/compiler/utils/error.ts:25:16)
    at Parser$1.error (/home/bhanu/app/node_modules/svelte/src/compiler/parse/index.ts:93:3)
    at Object.read_style [as read] (/home/bhanu/app/node_modules/svelte/src/compiler/parse/read/style.ts:21:11)
    at tag (/home/bhanu/app/node_modules/svelte/src/compiler/parse/state/tag.ts:190:27)
    at new Parser$1 (/home/bhanu/app/node_modules/svelte/src/compiler/parse/index.ts:45:12)
    at parse (/home/bhanu/app/node_modules/svelte/src/compiler/parse/index.ts:208:17)
    at compile (/home/bhanu/app/node_modules/svelte/src/compiler/compile/index.ts:79:14)
    at preprocessPromise.then.code (/home/bhanu/app/node_modules/rollup-plugin-svelte/index.js:252:22)

Expected Behavior

It should work with a svelte project.

Actual Behavior

Throwing error during build.

Steps to Reproduce the Problem

Added the following code in root component App.svelte

<script>
  import "@colorfuldots/svelteit/dist/css/svelteit.min.css";
  import { Button } from "@colorfuldots/svelteit";
</script>

<div>
  <Button title="Test button" rounded primary />
</div>

Specifications

Version: ^1.0.0-alpha.7
Platform: Ubuntu 20.04
Subsystem:

autoPreprocess

npm install -D autoPreprocess

cause error

npm ERR! code E404
npm ERR! 404 Not Found - GET https://registry.npmjs.org/autoPreprocess - Not found
npm ERR! 404
npm ERR! 404 'autoPreprocess@latest' is not in the npm registry.
npm ERR! 404 Your package name is not valid, because
npm ERR! 404 1. name can no longer contain capital letters
npm ERR! 404
npm ERR! 404 Note that you can also install from a
npm ERR! 404 tarball, folder, http url, or git url.

X button in Alert components behaves quirkily.

Expected Behavior

Once we click X button, no matter we click it again, Alert components should be closed.

Actual Behavior

Clicking X button again before the Alert component is closed takes it back to normal.

Steps to Reproduce the Problem

Click X button in a Alert component.
Click X button again before the Alert component is closed.
The Alert component turns back to normal.

Specifications

Version: 1.0.0-alpha.7
Platform: Windows 10
Subsystem: Firefox browser 95.0 64bit

erictherobot / svelteit Goto Github PK

svelteit's Introduction

ERIC DAVID SMITH

Youtube Videos

SOLO / WEEKEND PROJECTS

(WEB - NEXTJS)

(WEB - DENO)

(NATIVE MOBILE - IOS SwiftUI)

(MacOS - SwiftUI)

(WEB - SVELTE)

(UNITY / C# - VIRTUAL REALITY)

(Rust Lang)

(VSCode Extensions)

(NPM Packages)

svelteit's People

Contributors

Stargazers

Watchers

Forkers

svelteit's Issues

Expected Behavior

Actual Behavior

Steps to Reproduce the Problem

Specifications

Expected Behavior

Actual Behavior

Steps to Reproduce the Problem

Specifications

Recommend Projects

Recommend Topics

Recommend Org