{"id":19082360,"url":"https://github.com/brightleaf/elements","last_synced_at":"2025-10-07T13:44:24.606Z","repository":{"id":34982009,"uuid":"193386635","full_name":"brightleaf/elements","owner":"brightleaf","description":"Brightleaf React Elements for building great looking web apps","archived":false,"fork":false,"pushed_at":"2023-02-28T23:24:22.000Z","size":26205,"stargazers_count":4,"open_issues_count":30,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-06-02T02:56:43.232Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://brightleaf.dev/elements/#","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/brightleaf.png","metadata":{"files":{"readme":"readme.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2019-06-23T19:18:17.000Z","updated_at":"2022-07-25T23:44:30.000Z","dependencies_parsed_at":"2024-11-09T02:43:09.882Z","dependency_job_id":"fd6200b0-8f76-4fb9-9f47-5cc5e93edff7","html_url":"https://github.com/brightleaf/elements","commit_stats":{"total_commits":564,"total_committers":1,"mean_commits":564.0,"dds":0.0,"last_synced_commit":"c311ba98ac85097afb841043b141209b9720852c"},"previous_names":[],"tags_count":55,"template":false,"template_full_name":null,"purl":"pkg:github/brightleaf/elements","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/brightleaf%2Felements","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/brightleaf%2Felements/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/brightleaf%2Felements/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/brightleaf%2Felements/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/brightleaf","download_url":"https://codeload.github.com/brightleaf/elements/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/brightleaf%2Felements/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":263875044,"owners_count":23523343,"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","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":[],"created_at":"2024-11-09T02:43:03.333Z","updated_at":"2025-10-07T13:44:19.574Z","avatar_url":"https://github.com/brightleaf.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# @brightleaf/elements\n\nReact based UI elements using bulma css.\n\n## Currently Implemented\n\n* AutoComplete\n* Box\n* Breadcrumb\n* Button\n* Card\n* Columns\n* Column\n* Container\n* Content\n* Control\n* Delete\n* DropDown\n* Field\n* Footer\n* Heading\n* Hero\n* Icon\n* Image\n* Level\n* MediaObject\n* Menu\n* Message\n* Modal\n* NavBar\n* Notification\n* Pagination\n* Panel\n* Section\n* SubTitle\n* Table\n* Tabs\n* Tags\n* Tile\n* Title\n\n## Getting Started\n\n```javascript\nimport React from 'react'\nimport { Hero, HeroBody, Title, SubTitle  } from '@brightleaf/elements'\nimport { useStyleSheet , useScript } from '@brightleaf/react-hooks'\n\nexport default () =\u003e {\n  useStyleSheet(\n    'https://cdnjs.cloudflare.com/ajax/libs/bulma/0.7.5/css/bulma.min.css'\n  )\n  useScript('https://kit.fontawesome.com/your-font-awesome-kit.js')\n  return (\n    \u003cHero isWarning\u003e\n      \u003cHeroBody\u003e\n        \u003cTitle\u003eBrightleaf Elements\u003c/Title\u003e\n        \u003cSubTitle as=\"h4\"\u003eBulma Styled React Components\u003c/SubTitle\u003e\n      \u003c/HeroBody\u003e\n    \u003c/Hero\u003e\n  )\n}\n```\n![example](example.png)\n\n## More information\n\n[Docs](https://brightleaf.github.io/elements)\n[Templates](https://brightleaf.github.io/elements/templates.html)\n[CodeSandbox](https://codesandbox.io/s/brightleaf-elements-hero-8fu96)","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbrightleaf%2Felements","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbrightleaf%2Felements","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbrightleaf%2Felements/lists"}