diff --git a/README.md b/README.md index fb968a58d..b9940398d 100644 --- a/README.md +++ b/README.md @@ -1,15 +1,15 @@ -

Lucide Logo

+

Lucide Logo

+

+ license + npm package + figma installs + build status + discord chat +

# Lucide -![NPM](https://img.shields.io/npm/l/lucide) -[![npm](https://img.shields.io/npm/v/lucide)](https://www.npmjs.com/package/lucide) -[![installs](https://img.shields.io/endpoint?logo=figma&label=installs&url=https://yuanqing.github.io/figma-plugins-stats/plugin/939567362549682242/installs.json)](https://www.figma.com/community/plugin/939567362549682242/Lucide-Icons) -[![Discord](https://img.shields.io/discord/723074157486800936?label=chat&logo=discord&logoColor=%23ffffff&colorB=%237289DA)](https://discord.gg/EH6nSts) - -## What is Lucide? - -Lucide is a community-run fork of [Feather Icons](https://github.com/feathericons/feather), open for anyone to contribute icons. +Community-run fork of [Feather Icons](https://github.com/feathericons/feather), open for anyone to contribute icons. It began after growing disaffection with the [Feather Icons](https://github.com/feathericons/feather) project moderation. With over 300+ open issues and over 100+ open PRs, the Feather Icons project has been abandoned. This unfortunately means that hundreds of developers and designers wasted their time contributing to Feather Icons with no chance of PRs being accepted. @@ -23,29 +23,25 @@ Lucide is trying to expand the icon set as much as possible while staying faithf ## Table of Contents -- [Lucide](#lucide) - - [What is Lucide?](#what-is-lucide) - - [Why choose Lucide over Feather Icons](#why-choose-lucide-over-feather-icons) - - [Table of Contents](#table-of-contents) - - [Usage](#usage) - - [Web](#web) - - [React](#react) - - [React Native](#react-native) - - [Vue 2](#vue-2) - - [Vue 3](#vue-3) - - [Angular](#angular) - - [Preact](#preact) - - [Static (svg sprite, font, icons ..)](#static-svg-sprite-font-icons-) - - [Figma](#figma) - - [Laravel](#laravel) - - [Flutter](#flutter) - - [Svelte](#svelte) - - [Solid](#solid) - - [Contributing](#contributing) - - [Community](#community) - - [License](#license) - - [Credits](#credits) - - [Sponsors](#sponsors) +- [Usage](#usage) + - [Web](#web) + - [React](#react) + - [React Native](#react-native) + - [Vue 2](#vue-2) + - [Vue 3](#vue-3) + - [Angular](#angular) + - [Preact](#preact) + - [Static (svg sprite, font, icons ..)](#static-svg-sprite-font-icons-) + - [Figma](#figma) + - [Laravel](#laravel) + - [Flutter](#flutter) + - [Svelte](#svelte) + - [Solid](#solid) +- [Contributing](#contributing) +- [Community](#community) +- [License](#license) +- [Credits](#credits) +- [Sponsors](#sponsors) ## Usage diff --git a/site/public/logo-icon.svg b/site/public/logo-icon.svg index 1521e493d..35858dd4e 100644 --- a/site/public/logo-icon.svg +++ b/site/public/logo-icon.svg @@ -8,6 +8,7 @@ stroke-width="2" stroke-linecap="round" stroke-linejoin="round" + id="lucide-logo" > diff --git a/site/public/lucide-logo-repo.svg b/site/public/lucide-logo-repo.svg index 2a1d6bd36..582d573df 100644 --- a/site/public/lucide-logo-repo.svg +++ b/site/public/lucide-logo-repo.svg @@ -1,4 +1,9 @@ - + + + + + + diff --git a/site/public/package-logos/lucide-angular-small.svg b/site/public/package-logos/lucide-angular-small.svg deleted file mode 100644 index ceefe0adb..000000000 --- a/site/public/package-logos/lucide-angular-small.svg +++ /dev/null @@ -1,6 +0,0 @@ - - - - - - diff --git a/site/public/package-logos/lucide-angular.svg b/site/public/package-logos/lucide-angular.svg index a29e8fbed..9aff8cde6 100644 --- a/site/public/package-logos/lucide-angular.svg +++ b/site/public/package-logos/lucide-angular.svg @@ -1,6 +1,15 @@ - + - + + + + + - + + + + + + diff --git a/site/public/package-logos/lucide-flutter-small.svg b/site/public/package-logos/lucide-flutter-small.svg deleted file mode 100644 index ac2ff941c..000000000 --- a/site/public/package-logos/lucide-flutter-small.svg +++ /dev/null @@ -1,6 +0,0 @@ - - - - - - diff --git a/site/public/package-logos/lucide-flutter.svg b/site/public/package-logos/lucide-flutter.svg new file mode 100644 index 000000000..3313619ae --- /dev/null +++ b/site/public/package-logos/lucide-flutter.svg @@ -0,0 +1,15 @@ + + + + + + + + + + + + + + + diff --git a/site/public/package-logos/lucide-preact-small.svg b/site/public/package-logos/lucide-preact-small.svg deleted file mode 100644 index 6af8010a0..000000000 --- a/site/public/package-logos/lucide-preact-small.svg +++ /dev/null @@ -1,6 +0,0 @@ - - - - - - diff --git a/site/public/package-logos/lucide-preact.svg b/site/public/package-logos/lucide-preact.svg index 3aada82ff..7659de9d3 100644 --- a/site/public/package-logos/lucide-preact.svg +++ b/site/public/package-logos/lucide-preact.svg @@ -1,6 +1,15 @@ - + - + + + + + - + + + + + + diff --git a/site/public/package-logos/lucide-react-native-small.svg b/site/public/package-logos/lucide-react-native-small.svg deleted file mode 100644 index 75fd40fd1..000000000 --- a/site/public/package-logos/lucide-react-native-small.svg +++ /dev/null @@ -1,6 +0,0 @@ - - - - - - diff --git a/site/public/package-logos/lucide-react-native.svg b/site/public/package-logos/lucide-react-native.svg index c11c7c5ae..5bcafa436 100644 --- a/site/public/package-logos/lucide-react-native.svg +++ b/site/public/package-logos/lucide-react-native.svg @@ -1,6 +1,16 @@ - + - + + + + + - + + diff --git a/site/public/package-logos/lucide-react-small.svg b/site/public/package-logos/lucide-react-small.svg deleted file mode 100644 index 826768411..000000000 --- a/site/public/package-logos/lucide-react-small.svg +++ /dev/null @@ -1,6 +0,0 @@ - - - - - - diff --git a/site/public/package-logos/lucide-react.svg b/site/public/package-logos/lucide-react.svg index 27d0d1337..9dc73199a 100644 --- a/site/public/package-logos/lucide-react.svg +++ b/site/public/package-logos/lucide-react.svg @@ -1,6 +1,15 @@ - + - + + + + + - + diff --git a/site/public/package-logos/lucide-small.svg b/site/public/package-logos/lucide-small.svg deleted file mode 100644 index 9197648aa..000000000 --- a/site/public/package-logos/lucide-small.svg +++ /dev/null @@ -1,6 +0,0 @@ - - - - - - diff --git a/site/public/package-logos/lucide-solid.svg b/site/public/package-logos/lucide-solid.svg new file mode 100644 index 000000000..caab9f37f --- /dev/null +++ b/site/public/package-logos/lucide-solid.svg @@ -0,0 +1,44 @@ + + + + + + + + + + diff --git a/site/public/package-logos/lucide-static-small.svg b/site/public/package-logos/lucide-static-small.svg deleted file mode 100644 index eb1309249..000000000 --- a/site/public/package-logos/lucide-static-small.svg +++ /dev/null @@ -1,6 +0,0 @@ - - - - - - diff --git a/site/public/package-logos/lucide-static.svg b/site/public/package-logos/lucide-static.svg index 58a694ed6..d3df58411 100644 --- a/site/public/package-logos/lucide-static.svg +++ b/site/public/package-logos/lucide-static.svg @@ -1,6 +1,16 @@ - + - + + + + + - + diff --git a/site/public/package-logos/lucide-svelte-small.svg b/site/public/package-logos/lucide-svelte-small.svg deleted file mode 100644 index 707ebd265..000000000 --- a/site/public/package-logos/lucide-svelte-small.svg +++ /dev/null @@ -1,6 +0,0 @@ - - - - - - diff --git a/site/public/package-logos/lucide-svelte.svg b/site/public/package-logos/lucide-svelte.svg index 543f59fd3..df5863ce4 100644 --- a/site/public/package-logos/lucide-svelte.svg +++ b/site/public/package-logos/lucide-svelte.svg @@ -1,6 +1,13 @@ - + - + + + + + - + diff --git a/site/public/package-logos/lucide-vue-next-small.svg b/site/public/package-logos/lucide-vue-next-small.svg deleted file mode 100644 index 28c685f75..000000000 --- a/site/public/package-logos/lucide-vue-next-small.svg +++ /dev/null @@ -1,6 +0,0 @@ - - - - - - diff --git a/site/public/package-logos/lucide-vue-next.svg b/site/public/package-logos/lucide-vue-next.svg index beca9d945..304cb803a 100644 --- a/site/public/package-logos/lucide-vue-next.svg +++ b/site/public/package-logos/lucide-vue-next.svg @@ -1,6 +1,15 @@ - + - + + + + + - + diff --git a/site/public/package-logos/lucide-vue-small.svg b/site/public/package-logos/lucide-vue-small.svg deleted file mode 100644 index d42671dd9..000000000 --- a/site/public/package-logos/lucide-vue-small.svg +++ /dev/null @@ -1,6 +0,0 @@ - - - - - - diff --git a/site/public/package-logos/lucide-vue.svg b/site/public/package-logos/lucide-vue.svg index 756ad6d94..3f30d654e 100644 --- a/site/public/package-logos/lucide-vue.svg +++ b/site/public/package-logos/lucide-vue.svg @@ -1,6 +1,14 @@ - + - + + + + + - + + diff --git a/site/public/package-logos/lucide.svg b/site/public/package-logos/lucide.svg index a769df91d..709b33784 100644 --- a/site/public/package-logos/lucide.svg +++ b/site/public/package-logos/lucide.svg @@ -1,6 +1,13 @@ - + - + + + + + - + diff --git a/site/src/components/Package.tsx b/site/src/components/Package.tsx index aa3255e0f..1487050a1 100644 --- a/site/src/components/Package.tsx +++ b/site/src/components/Package.tsx @@ -7,7 +7,6 @@ import { useColorMode, ButtonGroup, } from '@chakra-ui/react'; -import Image from 'next/image'; import { Code, FileText } from 'lucide-react'; import Link from 'next/link'; @@ -19,17 +18,17 @@ interface Shield { export interface PackageItem { name: string description: string - image: string + icon: string shields: Shield[] source: string documentation: string - order: number + order?: number private?: boolean flutter?: object } -const Package = ({ name, description, image, shields, source, documentation }: PackageItem) => { +const Package = ({ name, description, icon, shields, source, documentation }: PackageItem) => { const { colorMode } = useColorMode(); return ( @@ -66,7 +65,12 @@ const Package = ({ name, description, image, shields, source, documentation }: P align="center" > - + + + + + + { +const PackagesPage = ({ packages, thirdPartyPackages }: PackagesPageProps): JSX.Element => { return ( @@ -23,6 +25,13 @@ const PackagesPage = ({ packages }: PackagesPageProps): JSX.Element => { {packages.length ? packages.map(packageItem => ) : null} + + + Third party packages + + + {thirdPartyPackages.length ? thirdPartyPackages.map(packageItem => ) : null} + ); @@ -40,16 +49,13 @@ export async function getStaticProps(): Promise a.order - b.order); - console.log(packages); - - - return { props: { packages } }; + return { props: { packages, thirdPartyPackages: thirdPartyPackagesData } }; }