{"id":20201107,"url":"https://github.com/pheralb/superui","last_synced_at":"2025-10-08T03:41:13.912Z","repository":{"id":56704716,"uuid":"523784119","full_name":"pheralb/superui","owner":"pheralb","description":"🚀 A Tailwindcss component library.","archived":false,"fork":false,"pushed_at":"2022-10-05T12:05:32.000Z","size":1537,"stargazers_count":151,"open_issues_count":7,"forks_count":8,"subscribers_count":5,"default_branch":"main","last_synced_at":"2025-09-29T07:51:38.541Z","etag":null,"topics":["components","components-library","hacktoberfest","nextjs","react","supabase-hackathon","tailwindcss","turborepo","ui"],"latest_commit_sha":null,"homepage":"https://superui.vercel.app","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/pheralb.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2022-08-11T15:56:33.000Z","updated_at":"2025-07-29T23:46:53.000Z","dependencies_parsed_at":"2023-01-19T06:30:58.802Z","dependency_job_id":null,"html_url":"https://github.com/pheralb/superui","commit_stats":null,"previous_names":[],"tags_count":6,"template":false,"template_full_name":null,"purl":"pkg:github/pheralb/superui","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pheralb%2Fsuperui","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pheralb%2Fsuperui/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pheralb%2Fsuperui/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pheralb%2Fsuperui/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/pheralb","download_url":"https://codeload.github.com/pheralb/superui/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pheralb%2Fsuperui/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":278886403,"owners_count":26062973,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-10-08T02:00:06.501Z","response_time":56,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["components","components-library","hacktoberfest","nextjs","react","supabase-hackathon","tailwindcss","turborepo","ui"],"created_at":"2024-11-14T04:47:35.557Z","updated_at":"2025-10-08T03:41:13.884Z","avatar_url":"https://github.com/pheralb.png","language":"TypeScript","funding_links":[],"categories":["TypeScript"],"sub_categories":[],"readme":"\u003cdiv align=\"center\"\u003e\n\n\u003ca href=\"https://superui.vercel.app/\" target=\"_blank\"\u003e\n  \u003cimg src=\"https://i.ibb.co/CVyrh8b/super-UIBanner8.jpg\" width=\"75%\"\u003e\n\u003c/a\u003e\n\n![GitHub releases](https://img.shields.io/github/release/pheralb/superui)\n![GitHub stars](https://img.shields.io/github/stars/pheralb/superui)\n![GitHub issues](https://img.shields.io/github/issues/pheralb/superui)\n![GitHub license](https://img.shields.io/github/license/pheralb/superui)\n[![Required Node.JS \u003e= 14.18.0 || \u003e=16.0.0](https://img.shields.io/static/v1?label=node\u0026message=14.18.0%20||%20%3E=16.0.0\u0026logo=node.js\u0026color=3f893e)](https://nodejs.org/about/releases)\n\n\u003c/div\u003e\n\n## 💚 [Supabase Launch Week 5](https://supabase.com/launch-week) Hackathon:\n\n- ✅ [Supabase Auth](https://supabase.com/docs/guides/auth) - User authentication.\n- ✅ [Supabase Database](https://supabase.com/docs/guides/database) - save the information of each user-created component.\n\n\n## 💖 Maintainers:\n\n|               | ✌️ Socials                                                                              |\n| ------------- | --------------------------------------------------------------------------------------- |\n| Pablo Hdez    | [GitHub](https://github.com/pheralb/superui) - [Twitter](https://twitter.com/pheralb_)  |\n| Nacho Aldama  | [GitHub](https://github.com/nachoaldamav) - [Twitter](https://twitter.com/srdrabx) |\n| David Huertas | [GitHub](https://github.com/ikurotime) - [Twitter](https://twitter.com/ikurotime)       |\n| Juan Rojas    | [GitHub](https://github.com/Davidr2998) - [Twitter](https://twitter.com/tmchein)        |\n\n## 📹 Video:\n\n- [https://streamable.com/j3lxtb](https://streamable.com/j3lxtb).\n\n\n## 📦 Packages:\n\n- 🚀 [Turborepo](https://turborepo.org/) - The High-performance Build System for JavaScript \u0026 TypeScript Codebases.\n- ⚡️ [Nextjs](https://nextjs.org/) - The React Framework for Production.\n- ⚒️ [React 18](https://es.reactjs.org/) - A JavaScript library for building user interfaces.\n- 💙 [Typescript](https://www.typescriptlang.org/) - A superset of JavaScript.\n- 💚 [Supabase](https://supabase.com/) - Build in a weekend.\n  Scale to millions.\n- 💅 [Chakra UI for docs](https://chakra-ui.com/) - Create accessible React apps with speed.\n- 💨 [TailwindCSS for library](https://tailwindcss.com/) - Rapidly build modern websites without ever leaving your HTML.\n- 💖 [React-Icons](https://react-icons.github.io/react-icons/) - A flexible icon family for everyone.\n- ⬛ [CodeSandbox Sandpack](https://sandpack.codesandbox.io/) - A component toolkit for creating live-running code editing experiences, using the power of CodeSandbox.\n\n## 🚀 Getting Started:\n\n1. Clone the repository:\n\n```bash\ngit clone https://github.com/pheralb/superui.git\n```\n\n2. Install dependencies:\n\n```bash\ncd superui\nnpm install\n```\n\n3. Create a [Supabase database](https://database.new/) with the following query:\n\n```sql\ncreate table components (\n  id bigint generated by default as identity primary key,\n  user_id uuid references auth.users not null,\n  title text check (char_length(title) \u003e 3),\n  description text,\n  code text,\n  inserted_at timestamp with time zone default timezone('utc'::text, now()) not null\n);\n\ncreate table public.users (\n  id uuid not null primary key, -- UUID from auth.users\n  email text,\n  raw_user_meta_data text\n);\n```\n\n\u003cdetails\u003e\n  \u003csummary\u003e🔨 trigger functions:\u003c/summary\u003e\n  \n  ### Trigger function to adding users when register for the first time:\n  \n  ```sql\n  create or replace function public.handle_new_user() \n  returns trigger as $$\n  begin\n    insert into public.users (id, email)\n    values (new.id, new.email,new.raw_user_meta_data);\n    return new;\n  end;\n  $$ language plpgsql security definer;\n\n  create trigger on_auth_user_created\n    after insert on auth.users\n    for each row execute procedure public.handle_new_user();\n  ```  \n\u003c/details\u003e\n\n4. Copy Supabase URL \u0026 Anon api key from your database and create a _.env_ file in the **/app folder** with the following content:\n\n```bash\nNEXT_PUBLIC_SUPABASE_URL=\nNEXT_PUBLIC_SUPABASE_ANON_KEY=\n```\n\n5. Run the following command to start the development server:\n\n```bash\nnpm run dev\n```\n\nAnd ready 🥳, go to [localhost:3001](http://localhost:3001/).\n\n## 🔑 License:\n\n- [MIT License](https://github.com/pheralb/superui).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpheralb%2Fsuperui","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fpheralb%2Fsuperui","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpheralb%2Fsuperui/lists"}