├── .github └── workflows │ └── ci.yml ├── LICENSE ├── README.md └── contributing.md /.github/workflows/ci.yml: -------------------------------------------------------------------------------- 1 | name: CI 2 | 3 | on: [push] 4 | 5 | env: 6 | node_version: "12.x" 7 | 8 | jobs: 9 | lint: 10 | runs-on: ubuntu-latest 11 | timeout-minutes: 10 12 | steps: 13 | - uses: actions/checkout@v1 14 | - name: Setup Node.js 15 | uses: actions/setup-node@v1 16 | with: 17 | node-version: ${{ env.node_version }} 18 | - name: Lint 19 | run: npx awesome-lint 20 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | Creative Commons Legal Code 2 | 3 | CC0 1.0 Universal 4 | 5 | CREATIVE COMMONS CORPORATION IS NOT A LAW FIRM AND DOES NOT PROVIDE 6 | LEGAL SERVICES. DISTRIBUTION OF THIS DOCUMENT DOES NOT CREATE AN 7 | ATTORNEY-CLIENT RELATIONSHIP. CREATIVE COMMONS PROVIDES THIS 8 | INFORMATION ON AN "AS-IS" BASIS. CREATIVE COMMONS MAKES NO WARRANTIES 9 | REGARDING THE USE OF THIS DOCUMENT OR THE INFORMATION OR WORKS 10 | PROVIDED HEREUNDER, AND DISCLAIMS LIABILITY FOR DAMAGES RESULTING FROM 11 | THE USE OF THIS DOCUMENT OR THE INFORMATION OR WORKS PROVIDED 12 | HEREUNDER. 13 | 14 | Statement of Purpose 15 | 16 | The laws of most jurisdictions throughout the world automatically confer 17 | exclusive Copyright and Related Rights (defined below) upon the creator 18 | and subsequent owner(s) (each and all, an "owner") of an original work of 19 | authorship and/or a database (each, a "Work"). 20 | 21 | Certain owners wish to permanently relinquish those rights to a Work for 22 | the purpose of contributing to a commons of creative, cultural and 23 | scientific works ("Commons") that the public can reliably and without fear 24 | of later claims of infringement build upon, modify, incorporate in other 25 | works, reuse and redistribute as freely as possible in any form whatsoever 26 | and for any purposes, including without limitation commercial purposes. 27 | These owners may contribute to the Commons to promote the ideal of a free 28 | culture and the further production of creative, cultural and scientific 29 | works, or to gain reputation or greater distribution for their Work in 30 | part through the use and efforts of others. 31 | 32 | For these and/or other purposes and motivations, and without any 33 | expectation of additional consideration or compensation, the person 34 | associating CC0 with a Work (the "Affirmer"), to the extent that he or she 35 | is an owner of Copyright and Related Rights in the Work, voluntarily 36 | elects to apply CC0 to the Work and publicly distribute the Work under its 37 | terms, with knowledge of his or her Copyright and Related Rights in the 38 | Work and the meaning and intended legal effect of CC0 on those rights. 39 | 40 | 1. Copyright and Related Rights. A Work made available under CC0 may be 41 | protected by copyright and related or neighboring rights ("Copyright and 42 | Related Rights"). Copyright and Related Rights include, but are not 43 | limited to, the following: 44 | 45 | i. the right to reproduce, adapt, distribute, perform, display, 46 | communicate, and translate a Work; 47 | ii. moral rights retained by the original author(s) and/or performer(s); 48 | iii. publicity and privacy rights pertaining to a person's image or 49 | likeness depicted in a Work; 50 | iv. rights protecting against unfair competition in regards to a Work, 51 | subject to the limitations in paragraph 4(a), below; 52 | v. rights protecting the extraction, dissemination, use and reuse of data 53 | in a Work; 54 | vi. database rights (such as those arising under Directive 96/9/EC of the 55 | European Parliament and of the Council of 11 March 1996 on the legal 56 | protection of databases, and under any national implementation 57 | thereof, including any amended or successor version of such 58 | directive); and 59 | vii. other similar, equivalent or corresponding rights throughout the 60 | world based on applicable law or treaty, and any national 61 | implementations thereof. 62 | 63 | 2. Waiver. To the greatest extent permitted by, but not in contravention 64 | of, applicable law, Affirmer hereby overtly, fully, permanently, 65 | irrevocably and unconditionally waives, abandons, and surrenders all of 66 | Affirmer's Copyright and Related Rights and associated claims and causes 67 | of action, whether now known or unknown (including existing as well as 68 | future claims and causes of action), in the Work (i) in all territories 69 | worldwide, (ii) for the maximum duration provided by applicable law or 70 | treaty (including future time extensions), (iii) in any current or future 71 | medium and for any number of copies, and (iv) for any purpose whatsoever, 72 | including without limitation commercial, advertising or promotional 73 | purposes (the "Waiver"). Affirmer makes the Waiver for the benefit of each 74 | member of the public at large and to the detriment of Affirmer's heirs and 75 | successors, fully intending that such Waiver shall not be subject to 76 | revocation, rescission, cancellation, termination, or any other legal or 77 | equitable action to disrupt the quiet enjoyment of the Work by the public 78 | as contemplated by Affirmer's express Statement of Purpose. 79 | 80 | 3. Public License Fallback. Should any part of the Waiver for any reason 81 | be judged legally invalid or ineffective under applicable law, then the 82 | Waiver shall be preserved to the maximum extent permitted taking into 83 | account Affirmer's express Statement of Purpose. In addition, to the 84 | extent the Waiver is so judged Affirmer hereby grants to each affected 85 | person a royalty-free, non transferable, non sublicensable, non exclusive, 86 | irrevocable and unconditional license to exercise Affirmer's Copyright and 87 | Related Rights in the Work (i) in all territories worldwide, (ii) for the 88 | maximum duration provided by applicable law or treaty (including future 89 | time extensions), (iii) in any current or future medium and for any number 90 | of copies, and (iv) for any purpose whatsoever, including without 91 | limitation commercial, advertising or promotional purposes (the 92 | "License"). The License shall be deemed effective as of the date CC0 was 93 | applied by Affirmer to the Work. Should any part of the License for any 94 | reason be judged legally invalid or ineffective under applicable law, such 95 | partial invalidity or ineffectiveness shall not invalidate the remainder 96 | of the License, and in such case Affirmer hereby affirms that he or she 97 | will not (i) exercise any of his or her remaining Copyright and Related 98 | Rights in the Work or (ii) assert any associated claims and causes of 99 | action with respect to the Work, in either case contrary to Affirmer's 100 | express Statement of Purpose. 101 | 102 | 4. Limitations and Disclaimers. 103 | 104 | a. No trademark or patent rights held by Affirmer are waived, abandoned, 105 | surrendered, licensed or otherwise affected by this document. 106 | b. Affirmer offers the Work as-is and makes no representations or 107 | warranties of any kind concerning the Work, express, implied, 108 | statutory or otherwise, including without limitation warranties of 109 | title, merchantability, fitness for a particular purpose, non 110 | infringement, or the absence of latent or other defects, accuracy, or 111 | the present or absence of errors, whether or not discoverable, all to 112 | the greatest extent permissible under applicable law. 113 | c. Affirmer disclaims responsibility for clearing rights of other persons 114 | that may apply to the Work or any use thereof, including without 115 | limitation any person's Copyright and Related Rights in the Work. 116 | Further, Affirmer disclaims responsibility for obtaining any necessary 117 | consents, permissions or other rights required for any use of the 118 | Work. 119 | d. Affirmer understands and acknowledges that Creative Commons is not a 120 | party to this document and has no duty or obligation with respect to 121 | this CC0 or use of the Work. 122 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Awesome Building Blocks for Web Apps [![Awesome](https://awesome.re/badge-flat2.svg)](https://awesome.re) [![Tweet](https://img.shields.io/twitter/url/http/shields.io.svg?style=social)](https://twitter.com/intent/tweet?text=Here%27s%20a%20list%20of%20standalone%20features%20you%20can%20integrate%20into%20your%20web%20app&url=https://github.com/componently-com/awesome-building-blocks-for-web-apps&via=componently&hashtags=webdev,componently,react,blocks,developers) 2 | 3 | **Curated list of standalone features to be integrated into web applications: Get full features built by others instead of having to write everything yourself.** 4 | 5 |
6 | 7 | If you like these building blocks, check out [componently.com](https://www.componently.com/?utm_source=github-awesome-components&utm_medium=referral&utm_campaign=awesome-list), a marketplace where developers can search, compare and integrate web application building blocks. 8 | 9 |
10 | 11 | 12 | 13 | ## Contents 14 | 15 | - [UI Elements](#ui-elements) 16 | - [Exit Intent Popup](#exit-intent-popup) 17 | - [Auth](#auth) 18 | - [Booking](#booking) 19 | - [Notification](#notification) 20 | - [Social](#social) 21 | - [Chat Bot](#chat-bot) 22 | - [Chat](#chat) 23 | - [Monitoring](#monitoring) 24 | - [Content Management](#content-management) 25 | - [Consent Management](#consent-management) 26 | - [Media](#media) 27 | - [Form](#form) 28 | - [Marketing](#marketing) 29 | - [Changelog](#changelog) 30 | - [Telecommunication](#telecommunication) 31 | - [Social Media](#social-media) 32 | - [Search](#search) 33 | - [Feature flags](#feature-flags) 34 | - [Reviews](#reviews) 35 | - [Related awesome-lists](#related-awesome-lists) 36 | 37 | 38 | 39 | ## UI Elements 40 | 41 | - [Tailwind UI](https://tailwindui.com/) - UI components, by the creators of Tailwind CSS. 42 | - [Webix](https://webix.com/) - JavaScript UI library and framework for displaying data in different ways. 43 | - [Highcharts](https://www.highcharts.com/) - Interactive charts for web. 44 | - [Webatoms](https://www.webatoms.in) - JavaScript bridge for Xamarin.Forms. 45 | - [Creative Tim](https://www.creative-tim.com/) - Themes for React, Angular, Vue, Lavarel and HTML5. 46 | - [Syncfusion](https://www.syncfusion.com/) - Data visualization components and PDF Viewer. 47 | - [CoreUI](https://coreui.io/pro/vue) - Vue admin template. 48 | - [UIfort](https://uifort.com/) - UI design systems for all major frontend frameworks. 49 | - [Semantic UI](https://semantic-ui.com/) - Open source UI component library for React, Meteor, Ember and Angular. 50 | - [Design Revision's Shards Pro](https://designrevision.com/downloads/shards-pro) - Design blocks for web or mobile apps. 51 | - [Themesberg](https://themesberg.com) - Bootstrap templates, themes and UI kits. 52 | - [Treact](https://treact.owaiskhan.me/) - React templates for landing pages, built on Tailwind CSS. 53 | - [Creative Designs Guru](https://creativedesignsguru.com) - Themes for React, Nextjs and Eleventy, built with Tailwind CSS. 54 | 55 | ## Exit Intent Popup 56 | - [Wisepops](https://wisepops.com/) - Contextual popups, banners and bars for mobile and desktop visitors. 57 | - [Listagram](https://www.listagram.com) - Interactive opt-in form for collecting email addresses. 58 | - [Poptin](https://www.poptin.com) - Popups and forms that can be integrated anywhere in the website. 59 | - [Embedery](https://www.embedery.com) - Popups to engage visitors. 60 | 61 | ## Auth 62 | - [Auth0](https://auth0.com/) - Authentication management with native support for Angular, React and VueJS. 63 | - [Clerk](https://clerk.com) – Complete user management UIs and APIs, purpose-built for React, Next.js, and the modern web. 64 | - [Firebase](https://firebase.google.com) - PaaS from Google, including authentication management. 65 | - [Okta](https://www.okta.com/) - Authentication and Authorization solution with support for Angular, React and VueJS. 66 | - [Onelogin](https://www.onelogin.com/) - Authentication focussed on company internal applications. 67 | - [Microsoft Azure Active Directory](https://azure.microsoft.com/en-us/services/active-directory/#security) - Authentication management in Azure, based on Microsoft accounts. 68 | - [AWS Cognito](https://aws.amazon.com/cognito/) - AWS authentication management. Frontend integration is part of [AWS Amplify](https://aws.amazon.com/de/amplify/). 69 | 70 | ## Booking 71 | - [Calendly](https://calendly.com/) - Stand-alone booking solution. 72 | - [Zoho Bookings](https://www.zoho.com/bookings/) - Online scheduler integrated into Zoho Suite. 73 | - [Acuity Scheduling](https://acuityscheduling.com/) - Appointment scheduling with extensive API. 74 | - [10to8](https://10to8.com/) - Booking tool with many features in the free tier. 75 | - [SuperSaaS](https://www.supersaas.com/) - Appointment scheduling with focus on group scheduling. 76 | - [SimplyBook.Me](https://simplybook.me/) - Booking tool with its own booking directory. 77 | - [OnceHub](https://www.oncehub.com/) - Scheduling via ScheduleOnce and meeting management via InviteOnce. 78 | - [YouCanBookMe](https://youcanbook.me/) - Online scheduling for teams. 79 | - [OnSched](https://www.onsched.com/) - Scheduling API for marketplaces & applications. 80 | - [AppointmentPlus](https://www.appointmentplus.com/) - Appointment scheduling with coupons. 81 | - [Booxi](https://www.booxi.com/) - Booking and online directory components. 82 | - [Cogsworth Scheduler](https://get.cogsworth.com/) - Online Scheduler for business with a powerful API. 83 | 84 | ## Notification 85 | - [OneSignal](https://onesignal.com/) - Mobile and web notifications. 86 | - [Notific](https://notific.io/) - Notifications including a PHP SDK. 87 | - [WonderPush](https://www.wonderpush.com/) - Notifications focused on speed. 88 | - [VWO Engage](https://vwo.com/engage/push-notifications/) - Notifications as part of a larger marketing suite. 89 | - [Signalize](https://signalize.com/) - Free notifications with paid analytics add on. 90 | 91 | ## Social 92 | - [Stream](https://getstream.io/) - Activity feed & chat APIs. 93 | - [EmbedSocial's embedfeed](https://embedsocial.com/products/embedfeed/) - Social media aggregator. 94 | 95 | ## Chat Bot 96 | - [Fresh chat](https://www.freshworks.com/live-chat-software/) - Chatbot in Freshworks support suite. 97 | - [Tiledesh](https://www.tiledesk.com/) - AI-powered live chat. 98 | 99 | ## Chat 100 | - [Daily.co](https://www.daily.co/) - Video chat. 101 | 102 | ## Monitoring 103 | - [Sentry](https://sentry.io/) - Full-stack error monitoring with release management included. 104 | - [Raygun Crash Reporting](https://raygun.com/platform/crash-reporting) - Error monitoring as part of the Raygun suite. 105 | - [Honeybadger](https://www.honeybadger.io/) - Error, uptime and check-in monitoring. 106 | - [Rollbar](https://rollbar.com/) - Error monitoring with the ability to replay HTTP requests that caused errors. 107 | 108 | ## Content Management 109 | - [Contentful](https://www.contentful.com) - Headless content management system. 110 | 111 | ## Consent Management 112 | - [Cookiefirst](https://cookiefirst.com/) - Cookie consent manager. 113 | - [usercentrics](https://usercentrics.com/) - Compliance manager that can be implemented as part of existing pages. 114 | - [Sourcepoint](https://www.sourcepoint.com/) - Compliance management as part of a suite including also ad blocker recovery. 115 | - [PiwikPro](https://piwik.pro/gdpr-consent-manager/) - Compliance management as part of an analytics tool. 116 | - [Consent Management Provider](https://www.consentmanager.de/) - German management tool for Cookie Consent. 117 | - [UniConsent](https://www.uniconsent.com/) - Consent management platform for GDPR, CCPA, COPPA compliance. 118 | - [TrustArc](https://trustarc.com/) - Privacy management for the CCPA, GDPR, LGPD and 900+ other global regulations. 119 | - [Cookiebot](https://www.cookiebot.com/) - Cookie tracking manager. 120 | - [iubenda](https://www.iubenda.com/) - Consent management and terms and conditions generator. 121 | - [Civic Cookie Control](https://www.civicuk.com/cookie-control/) - Smaller Cookie and GDPR compliance product. 122 | - [CCM19](https://www.ccm19.de/) - German cookie consent manager. 123 | - [CookieInformation](https://cookieinformation.com/) - Focus on compliance reporting via a dashboard. 124 | - [CookiePro](https://www.cookiepro.com/) - Cookie management as part of a privacy management solution. 125 | - [React Cookie Consent](https://github.com/Mastermindzh/react-cookie-consent) - A small and customizable cookie consent bar for React applications. 126 | - [React Cookie Banner](https://github.com/buildo/react-cookie-banner) - React cookie banner which can be automatically dismissed with a scroll. 127 | 128 | ## Media 129 | - [Mux](https://mux.com/) - Stream hosted and live videos. 130 | - [Spotify web playback SDK](https://developer.spotify.com/documentation/web-playback-sdk/) - Client-side JavaScript library which allows you to create a new player in Spotify Connect and play any audio track from Spotify in the browser via encrypted media extensions. 131 | 132 | ## Form 133 | - [Static Forms](https://www.staticforms.xyz/) - Form that sends its results to your email. 134 | - [FlyingForms](https://flyingforms.io/?utm_source=github-awesome-components&utm_medium=referral&utm_campaign=awesome-list) - Building, versioning and managing forms. 135 | 136 | ## Marketing 137 | - [TrustPulse](https://trustpulse.com/) - Shows recent buyers on your website. 138 | 139 | ## Changelog 140 | - [Beamer](https://www.getbeamer.com) - Combination of push notifications and changelog management. 141 | - [Changelogfy](https://changelogfy.com/) - A product release notes tool. 142 | - [Changefeed](https://changefeed.app/) - Changelog as stand-alone page or embeddable widget. 143 | - [Canny's Changelog](https://canny.io/features/changelog) - Combines changelog with product roadmaps. 144 | - [ProductFlare's Changelog](https://www.productflare.com/changelog) - Changelog widget around a product team task management system. 145 | - [Changes](https://changes.blue) - Changelog building kit. 146 | 147 | ## Telecommunication 148 | - [Vonage](https://www.vonage.com/) - Voice, messaging, video and data capabilities across unified communications, contact centers and communications APIs. 149 | 150 | ## Social Media 151 | - [AddThis](https://www.addthis.com/) - Social sharing buttons, available on AMPs. 152 | - [ShareThis](https://sharethis.com/) - Social sharing buttons. 153 | - [AddToAny](https://www.addtoany.com/) - Sharing buttons for many different target services. 154 | 155 | ## Search 156 | - [Algolia](https://www.algolia.com/) - Search for your application. 157 | - [Search UI](https://github.com/elastic/search-ui) - UI integration for ElastiSearch. 158 | 159 | ## Feature flags 160 | - [Optimizely's Rollouts](https://www.optimizely.com/rollouts) - Feature flags combined with A/B testing. 161 | - [LaunchDarkly](https://launchdarkly.com/) - Feature management with multiple integrations in CI servers and ticketing systems. 162 | - [Split](https://www.split.io/) - Another feature management with multiple integrations in CI servers and ticketing systems. 163 | - [Rollout](https://rollout.io/) - Feature management focusing on segmented roll-out of features. 164 | 165 | ## Reviews 166 | - [JustReview](https://justreview.co/) - Collect reviews from e-commerce, social media and review service providers and embed on a website. 167 | - [ReviewsOnMyWebsite](https://reviewsonmywebsite.com/) - Collect, monitor and display customer reviews. 168 | 169 | ## Related awesome-lists 170 | - [Web Components](https://github.com/mateusortiz/webcomponents-the-right-way) 171 | - [Microservices](https://github.com/mfornos/awesome-microservices) 172 | - [Micro Frontends](https://github.com/ChristianUlbrich/awesome-microfrontends) 173 | -------------------------------------------------------------------------------- /contributing.md: -------------------------------------------------------------------------------- 1 | # Contribution Guidelines 2 | 3 | ## What 4 | 5 | - Standalone features for web. 6 | - Can be free or paid. 7 | - Use the following format: `[package](link) - Description of new item.` 8 | - Watch for casing and spelling. 9 | - Describe what the tool is doing. No marketing slogans. E.g. instead of "Create XYZ", use "[Kind of tool] to create XYZ". Avoid marketing words such as: easy, simple, beautiful, premium, powerful, amazing. 10 | - Avoid subjective words like "smaller", "bigger". 11 | - Avoid starting with "A" or "An". 12 | - Avoid using "your" (e.g. "for your website" => "for websites", "back to your website" => "back to the website"). 13 | - Avoid numbers, they will get outdated. 14 | - Keep consistent tech spelling: JavaScript, React, Vue, Angular. 15 | 16 | ## How 17 | 18 | If you have something awesome to contribute to an awesome list, this is how you do it. 19 | 20 | You'll need a [GitHub account](https://github.com/join)! 21 | 22 | 1. Access the awesome list's GitHub page. For example: https://github.com/componently-com/awesome-building-blocks-for-web 23 | 2. Click on the `readme.md` file: 24 | 25 | ![Step 2 Click on Readme.md](https://cloud.githubusercontent.com/assets/170270/9402920/53a7e3ea-480c-11e5-9d81-aecf64be55eb.png) 26 | 27 | 3. Now click on the edit icon. 28 | 29 | ![Step 3 - Click on Edit](https://cloud.githubusercontent.com/assets/170270/9402927/6506af22-480c-11e5-8c18-7ea823530099.png) 30 | 31 | 4. You can start editing the text of the file in the in-browser editor. You can use [GitHub Flavored Markdown](https://help.github.com/articles/github-flavored-markdown/). 32 | 33 | ![Step 4 - Edit the file](https://cloud.githubusercontent.com/assets/170270/9402932/7301c3a0-480c-11e5-81f5-7e343b71674f.png) 34 | 35 | 5. If you update categories run: `npx doctoc --title '## Contents' README.md` 36 | 37 | 6. Say why you're proposing the changes, and then click on "Propose file change". 38 | 39 | ![Step 6 - Propose Changes](https://cloud.githubusercontent.com/assets/170270/9402937/7dd0652a-480c-11e5-9138-bd14244593d5.png) 40 | 41 | 7. Submit the [pull request](https://help.github.com/articles/using-pull-requests/)! 42 | --------------------------------------------------------------------------------