A Complete Guide To Card UI Design 2021

This page summarizes the projects mentioned and recommended in the original post on dev.to

SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
surveyjs.io
featured
InfluxDB - Power Real-Time Data Analytics at Scale
Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
www.influxdata.com
featured
  • Tailwind CSS

    A utility-first CSS framework for rapid UI development.

  • Adam Wathan developed the Tailwind CSS framework. It does not come with classes to add to the HTML tags, unlike other frameworks. It takes a different method instead. It uses utility-based classes to provide a considerably lower level of control. Tailwind, unlike other CSS frameworks like Bootstrap or Materialize CSS, does not have predefined components for buttons, notification bars, cards, and other elements. Let's look at how to use Tailwind's utility classes to design a card component:

  • Bootstrap

    The most popular HTML, CSS, and JavaScript framework for developing responsive, mobile first projects on the web.

  • One of the most popular front-end frameworks for creating websites is Bootstrap. It includes CSS and JavaScript packages for quickly creating enhanced UI components. The card component is a new versatile and adaptable content container in Bootstrap 4. It has header and footer choices, as well as a lot of information, contextual background colors, and a lot of display possibilities. Images, text, list groups, links, and other types of information are all supported by cards. An example of a simple card is shown below.

  • SurveyJS

    Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

    SurveyJS logo
NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts

  • I made websites, and I am constantly reminded by I stick to backend.

    4 projects | /r/webdev | 27 Jun 2023
  • I made a free no-code ML tool

    2 projects | /r/datascience | 20 May 2023
  • TailwindCSS vs Bootstrap: Which CSS Framework is Better?

    2 projects | dev.to | 21 Feb 2023
  • What Makes Learning Web Development Worthwhile in the Coming Years?

    2 projects | dev.to | 13 Feb 2023
  • Advice for backend dev with poor UI skills?

    2 projects | /r/Frontend | 28 Jan 2023