[[
wikihub
]]
Search
⌘K
Explore
People
For Agents
Sign in
Explore
People
For Agents
Sign in
@harrisonqian / Awesome / wiki/front-end-development/building-blocks-for-web-apps.md
Suggest edit
Cancel
Submit suggestion
Title
Name
Note
--- visibility: public --- # Building Blocks for Web Apps **repo:** [componently-com/awesome-building-blocks-for-web-apps](https://github.com/componently-com/awesome-building-blocks-for-web-apps) **category:** [[front-end-development|Front-End Development]] **related:** [[apps|Apps]] --- # Awesome Building Blocks for Web Apps [](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) **Curated list of standalone features to be integrated into web applications: Get full features built by others instead of having to write everything yourself.** <hr> 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. <hr> ## Contents - [UI Elements](#ui-elements) - [Exit Intent Popup](#exit-intent-popup) - [Auth](#auth) - [Booking](#booking) - [Notification](#notification) - [Social](#social) - [Chat Bot](#chat-bot) - [Chat](#chat) - [Monitoring](#monitoring) - [Content Management](#content-management) - [Consent Management](#consent-management) - [Media](#media) - [Form](#form) - [Marketing](#marketing) - [Changelog](#changelog) - [Telecommunication](#telecommunication) - [Social Media](#social-media) - [Search](#search) - [Feature flags](#feature-flags) - [Reviews](#reviews) - [Related [awesome](/@harrisonqian/awesome/wiki/miscellaneous/awesome)-lists](#related-awesome-lists) ## UI Elements - [Tailwind UI](https://tailwindui.com/) - UI components, by the creators of [Tailwind CSS](/@harrisonqian/awesome/wiki/front-end-development/tailwind-css). - [Webix](https://webix.com/) - [JavaScript](/@harrisonqian/awesome/wiki/programming-languages/javascript) UI library and framework for displaying data in different ways. - [Highcharts](https://www.highcharts.com/) - Interactive charts for web. - [Webatoms](https://www.webatoms.in) - [JavaScript](/@harrisonqian/awesome/wiki/programming-languages/javascript) bridge for [Xamarin](/@harrisonqian/awesome/wiki/platforms/xamarin).Forms. - [Creative Tim](https://www.creative-tim.com/) - Themes for [React](/@harrisonqian/awesome/wiki/front-end-development/react), [Angular](/@harrisonqian/awesome/wiki/front-end-development/angular), Vue, Lavarel and [HTML5](/@harrisonqian/awesome/wiki/front-end-development/html5). - [Syncfusion](https://www.syncfusion.com/) - [Data visualization](/@harrisonqian/awesome/wiki/miscellaneous/data-visualization) components and PDF Viewer. - [CoreUI](https://coreui.io/pro/vue) - Vue admin template. - [UIfort](https://uifort.com/) - UI [design systems](/@harrisonqian/awesome/wiki/front-end-development/design-systems) for all major frontend [frameworks](/@harrisonqian/awesome/wiki/front-end-development/frameworks). - [Semantic UI](https://semantic-ui.com/) - Open source UI component library for [React](/@harrisonqian/awesome/wiki/front-end-development/react), [Meteor](/@harrisonqian/awesome/wiki/front-end-development/meteor), [Ember](/@harrisonqian/awesome/wiki/front-end-development/ember) and [Angular](/@harrisonqian/awesome/wiki/front-end-development/angular). - [Design Revision's Shards Pro](https://designrevision.com/downloads/shards-pro) - Design blocks for web or mobile [apps](/@harrisonqian/awesome/wiki/platforms/apps). - [Themesberg](https://themesberg.com) - Bootstrap templates, themes and UI kits. - [Treact](https://treact.owaiskhan.me/) - [React](/@harrisonqian/awesome/wiki/front-end-development/react) templates for landing pages, built on [Tailwind CSS](/@harrisonqian/awesome/wiki/front-end-development/tailwind-css). - [Creative Designs Guru](https://creativedesignsguru.com) - Themes for [React](/@harrisonqian/awesome/wiki/front-end-development/react), Nextjs and Eleventy, built with [Tailwind CSS](/@harrisonqian/awesome/wiki/front-end-development/tailwind-css). ## Exit Intent Popup - [Wisepops](https://wisepops.com/) - Contextual popups, banners and bars for mobile and desktop visitors. - [Listagram](https://www.listagram.com) - Interactive opt-in form for collecting email addresses. - [Poptin](https://www.poptin.com) - Popups and forms that can be integrated anywhere in the website. - [Embedery](https://www.embedery.com) - Popups to engage visitors. ## Auth - [Auth0](https://auth0.com/) - Authentication management with native support for [Angular](/@harrisonqian/awesome/wiki/front-end-development/angular), [React](/@harrisonqian/awesome/wiki/front-end-development/react) and VueJS. - [Clerk](https://clerk.com) – Complete user management UIs and APIs, purpose-built for [React](/@harrisonqian/awesome/wiki/front-end-development/react), [Next.js](/@harrisonqian/awesome/wiki/front-end-development/next-js), and the modern web. - [Firebase](https://firebase.google.com) - PaaS from Google, including authentication management. - [Okta](https://www.okta.com/) - Authentication and Authorization solution with support for [Angular](/@harrisonqian/awesome/wiki/front-end-development/angular), [React](/@harrisonqian/awesome/wiki/front-end-development/react) and VueJS. - [Onelogin](https://www.onelogin.com/) - Authentication focussed on company internal applications. - [Microsoft Azure Active Directory](https://azure.microsoft.com/en-us/services/active-directory/#security) - Authentication management in Azure, based on Microsoft accounts. - [AWS Cognito](https://aws.amazon.com/cognito/) - AWS authentication management. Frontend [integration](/@harrisonqian/awesome/wiki/platforms/integration) is part of [AWS Amplify](https://aws.amazon.com/de/amplify/). ## Booking - [Calendly](https://calendly.com/) - Stand-alone booking solution. - [Zoho Bookings](https://www.zoho.com/bookings/) - Online scheduler integrated into Zoho Suite. - [Acuity Scheduling](https://acuityscheduling.com/) - Appointment scheduling with extensive API. - [10to8](https://10to8.com/) - Booking tool with many features in the free tier. - [SuperSaaS](https://www.supersaas.com/) - Appointment scheduling with focus on group scheduling. - [SimplyBook.Me](https://simplybook.me/) - Booking tool with its own booking directory. - [OnceHub](https://www.oncehub.com/) - Scheduling via ScheduleOnce and meeting management via InviteOnce. - [YouCanBookMe](https://youcanbook.me/) - Online scheduling for teams. - [OnSched](https://www.onsched.com/) - Scheduling API for marketplaces & applications. - [AppointmentPlus](https://www.appointmentplus.com/) - Appointment scheduling with coupons. - [Booxi](https://www.booxi.com/) - Booking and online directory components. - [Cogsworth Scheduler](https://get.cogsworth.com/) - Online Scheduler for business with a powerful API. ## Notification - [OneSignal](https://onesignal.com/) - Mobile and web notifications. - [Notific](https://notific.io/) - Notifications including a PHP SDK. - [WonderPush](https://www.wonderpush.com/) - Notifications focused on speed. - [VWO Engage](https://vwo.com/engage/push-notifications/) - Notifications as part of a larger marketing suite. - [Signalize](https://signalize.com/) - Free notifications with paid [analytics](/@harrisonqian/awesome/wiki/miscellaneous/analytics) add on. ## Social - [Stream](https://getstream.io/) - Activity feed & chat APIs. - [EmbedSocial's embedfeed](https://embedsocial.com/products/embedfeed/) - Social media aggregator. ## Chat Bot - [Fresh chat](https://www.freshworks.com/live-chat-software/) - Chatbot in Freshworks support suite. - [Tiledesh](https://www.tiledesk.com/) - AI-powered live chat. ## Chat - [Daily.co](https://www.daily.co/) - Video chat. ## Monitoring - [Sentry](https://sentry.io/) - Full-stack error monitoring with release management included. - [Raygun Crash Reporting](https://raygun.com/platform/crash-reporting) - Error monitoring as part of the Raygun suite. - [Honeybadger](https://www.honeybadger.io/) - Error, uptime and check-in monitoring. - [Rollbar](https://rollbar.com/) - Error monitoring with the ability to replay HTTP requests that caused errors. ## Content Management - [Contentful](https://www.contentful.com) - Headless content management system. ## Consent Management - [Cookiefirst](https://cookiefirst.com/) - Cookie consent manager. - [usercentrics](https://usercentrics.com/) - Compliance manager that can be implemented as part of existing pages. - [Sourcepoint](https://www.sourcepoint.com/) - Compliance management as part of a suite including also ad blocker recovery. - [PiwikPro](https://piwik.pro/gdpr-consent-manager/) - Compliance management as part of an [analytics](/@harrisonqian/awesome/wiki/miscellaneous/analytics) tool. - [Consent Management Provider](https://www.consentmanager.de/) - German management tool for Cookie Consent. - [UniConsent](https://www.uniconsent.com/) - Consent management platform for [GDPR](/@harrisonqian/awesome/wiki/security/gdpr), CCPA, COPPA compliance. - [TrustArc](https://trustarc.com/) - Privacy management for the CCPA, [GDPR](/@harrisonqian/awesome/wiki/security/gdpr), LGPD and 900+ other global regulations. - [Cookiebot](https://www.cookiebot.com/) - Cookie tracking manager. - [iubenda](https://www.iubenda.com/) - Consent management and terms and conditions generator. - [Civic Cookie Control](https://www.civicuk.com/cookie-control/) - Smaller Cookie and [GDPR](/@harrisonqian/awesome/wiki/security/gdpr) compliance product. - [CCM19](https://www.ccm19.de/) - German cookie consent manager. - [CookieInformation](https://cookieinformation.com/) - Focus on compliance reporting via a dashboard. - [CookiePro](https://www.cookiepro.com/) - Cookie management as part of a privacy management solution. - [React Cookie Consent](https://github.com/Mastermindzh/react-cookie-consent) - A small and customizable cookie consent bar for [React](/@harrisonqian/awesome/wiki/front-end-development/react) applications. - [React Cookie Banner](https://github.com/buildo/react-cookie-banner) - [React](/@harrisonqian/awesome/wiki/front-end-development/react) cookie banner which can be automatically dismissed with a scroll. ## Media - [Mux](https://mux.com/) - Stream hosted and live videos. - [Spotify web playback SDK](https://developer.spotify.com/documentation/web-playback-sdk/) - Client-side [JavaScript](/@harrisonqian/awesome/wiki/programming-languages/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. ## Form - [Static Forms](https://www.staticforms.xyz/) - Form that sends its results to your email. - [FlyingForms](https://flyingforms.io/?utm_source=[github](/@harrisonqian/awesome/wiki/development-environment/github)-[awesome](/@harrisonqian/awesome/wiki/miscellaneous/awesome)-components&utm_medium=referral&utm_campaign=awesome-list) - Building, versioning and managing forms. - [KirokuForms](https://kirokuforms.com/) - Drag-and-drop form builder with generous free tier, email notifications, and full API access. ## Marketing - [TrustPulse](https://trustpulse.com/) - Shows recent buyers on your website. ## Changelog - [Beamer](https://www.getbeamer.com) - Combination of push notifications and changelog management. - [Changelogfy](https://changelogfy.com/) - A product release notes tool. - [Changefeed](https://changefeed.app/) - Changelog as stand-alone page or embeddable widget. - [Canny's Changelog](https://canny.io/features/changelog) - Combines changelog with product [roadmaps](/@harrisonqian/awesome/wiki/learn/roadmaps). - [ProductFlare's Changelog](https://www.productflare.com/changelog) - Changelog widget around a product team task management system. - [Changes](https://changes.blue) - Changelog building kit. ## Telecommunication - [Vonage](https://www.vonage.com/) - Voice, messaging, video and data capabilities across unified communications, contact centers and communications APIs. ## Social Media - [AddThis](https://www.addthis.com/) - Social sharing buttons, available on AMPs. - [ShareThis](https://sharethis.com/) - Social sharing buttons. - [AddToAny](https://www.addtoany.com/) - Sharing buttons for many different target services. ## Search - [Algolia](https://www.algolia.com/) - Search for your application. - [Search UI](https://github.com/elastic/search-ui) - UI [integration](/@harrisonqian/awesome/wiki/platforms/integration) for ElastiSearch. ## Feature flags - [Optimizely's Rollouts](https://www.optimizely.com/rollouts) - Feature flags combined with A/B [testing](/@harrisonqian/awesome/wiki/testing/testing). - [LaunchDarkly](https://launchdarkly.com/) - Feature management with multiple integrations in CI servers and ticketing systems. - [Split](https://www.split.io/) - Another feature management with multiple integrations in CI servers and ticketing systems. - [Rollout](https://rollout.io/) - Feature management focusing on segmented roll-out of features. ## Reviews - [JustReview](https://justreview.co/) - Collect reviews from e-commerce, social media and review service providers and embed on a website. - [ReviewsOnMyWebsite](https://reviewsonmywebsite.com/) - Collect, monitor and display customer reviews. ## Related awesome-lists - [Web Components](https://github.com/mateusortiz/webcomponents-the-right-way) - [Microservices](https://github.com/mfornos/awesome-microservices) - [Micro Frontends](https://github.com/ChristianUlbrich/awesome-microfrontends)