search results:

    • Standard
    • React
    Pricing Learn Community
    • + D
    • Light
    • Dark
    • System
    logo TW Elements
    • Getting started
      • Quick start
      • Dark mode
      • Theming
      • Changelog
    • CommercialNew
      • Pricing
      • License
      • Installation
      • Git & repository
      • Premium Support
    • Integrations
      • Next
    • Content & styles
      • Animations
      • Animations extended
      • Colors
      • Dividers
      • Figures
      • Headings
      • Hover effects
      • Icons
      • Images
      • Mask
      • Shadows
      • Typography
    • Navigation
      • Breadcrumbs
      • Footer
      • Pagination
      • Pills
      • Tabs
    • Components
      • Accordion
      • Alerts
      • Avatar
      • Badges
      • Button group
      • Buttons
      • Cards
      • Carousel
      • Collapse
      • Dropdown
      • Link
      • List group
      • Modal
      • Paragraphs
      • Placeholders
      • Popover
      • Progress
      • Rating
      • Scroll back to top button
      • Social buttons
      • Spinners
      • Timeline
      • Toasts
      • Tooltip
      • Video carousel
    • Forms
      • Checkbox
      • File input
      • Form templates
      • Inputs
      • Login form
      • Radio
      • Range
      • Registration form
      • Search
      • Select
      • Switch
      • Textarea
    • Data
      • Charts
      • Tables
    • Methods
      • Ripple
    • ResourcesNew
      • Playground
      • YouTube Channel
      • Private FB Group
      • Newsletter
      • UI Design course New

    Changelog

    Track live progress on updates for our Tailwind CSS React UI Kit - see the latest changelog for all our components, pages, plugins and more.


    TW Elements React is included in all our TWE PRO packages.


    New release coming soon

    We're working hard on resolving issues & introducing new improvements in the upcoming release.

    In the meantime we invite you to:

    • Track our live progress
    • Motivate us with some words of encouragament
    • Share your ideas & feature requests

    v1.0.0-alpha2

    released 30.10.2023

    In this release, we've introduced new components and updated the documentation layout to align with the TW Elements Standard version, enhancing user experience on our page.

    New components

    • #12: Carousel - by @iprzybysz
    • #14: Dropdown - by @iprzybysz
    • #45: Textarea and useInput hook - by @iprzybysz
    • #60: Charts - by @iprzybysz
    • #77: Alert - by @juujisai
    • #78: Tooltip - by @iprzybysz
    • #79: Popover - by @iprzybysz
    • #80: Toast - by @juujisai
    • #81: Animations - by @iprzybysz
    • #108: Select - by @juujisai
    • #134: Video Carousel - by @iprzybysz

    Docs

    • #52: Fixed issues with Example component that is used for the documentation purposes - by @iprzybysz, @juujisai
    • #63: Added Textarea component to Form Templates - by @iprzybysz
    • #73: Updated front page graphics - by @juujisai
    • #85: Updated notes about required node version - by @juujisai
    • #87: Prism - dark mode design update - by @juujisai
    • #91: Updated next integration tutorial - by @juujisai
    • #93: Added technology switcher to TE navbar - by @juujisai
    • #104: Fixed modal API tab content - by @iprzybysz

    Fixed & improved

    • #71: Fixed treeshaking issues - by @juujisai
    • #98: Fixed issue with ripple that occured when children didn't have className added - by @iprzybysz
    • #106: Added custom hook to dynamically get transition duration in components - by @iprzybysz, @juujisai
    • #115: Removed hardcoded h1 and code styles in scss file - by @iprzybysz
    • #120: Fixed issue with label not changing color when provided formWhite prop - by @juujisai
    • #121: Updated intro for the build files - by @juujisai
    • #131: Updated intro for the source files - by @iprzybysz

    v1.0.0-alpha1

    released 26.06.2023

    This release marks the beginning of our React journey, featuring a collection of React components and numerous pages with JSX code snippets.

    We have integrated our components dark theme, providing a visually appealing experience. Additionally, all components are fully customizable, allowing you to tailor them to your project's unique requirements.

    To enhance the user experience, we've introduced a new code example display on our website. This feature showcases the functionality of our components in a manner that closely resembles their usage in real-world projects.

    New components

    • #1: Colors - by @iprzybysz
    • #1: Dividers - by @iprzybysz
    • #1: Figures - by @iprzybysz
    • #3: Headings - by @bwsky-a
    • #3: Icons - by @bwsky-a
    • #3: Images - by @bwsky-a
    • #4: Shadows - by @iprzybysz
    • #4: Typography - by @iprzybysz
    • #4: Breadcrumbs - by @iprzybysz
    • #5: Pagination - by @bwsky-a
    • #5: Avatar - by @bwsky-a
    • #5: Badges - by @bwsky-a
    • #6: List Group - by @iprzybysz
    • #6: Paragraphs - by @iprzybysz
    • #6: Progress - by @iprzybysz
    • #7: Rating - by @bwsky-a
    • #7: Spinners - by @bwsky-a
    • #7: Checkbox - by @bwsky-a
    • #8: File Input - by @iprzybysz
    • #8: Radio - by @iprzybysz
    • #8: Range - by @iprzybysz
    • #9: Switch - by @bwsky-a
    • #9: Tables - by @bwsky-a
    • #10: Ripple - by @juujisai
    • #11: Inputs - by @iprzybysz
    • #13: Collapse - by @iprzybysz
    • #15: Modal - by @juujisai
    • #24: Hover Effects - by @bwsky-a
    • #24: Masks - by @bwsky-a
    • #24: Link - by @bwsky-a
    • #25: Buttons - by @iprzybysz
    • #25: Button group - by @iprzybysz
    • #26: Cards - by @bwsky-a
    • #26: Placeholders - by @bwsky-a
    • #27: Social Buttons - by @iprzybysz
    • #27: Timeline - by @iprzybysz
    • #47: Tabs - by @iprzybysz
    • #48: Pills - by @iprzybysz
    • #54: Footer - by @bwsky-a
    • #54: Search - by @bwsky-a
    • #55: Form templates - by @iprzybysz
    • #55: Login form - by @iprzybysz
    • #55: Registration form - by @iprzybysz
    • #57: Accordion - by @iprzybysz
    • #61: Scroll back to top button - by @iprzybysz

    Docs

    • #31, #32, #64: Add and update documentation pages - by @juujisai
    • #19: Add JSX language to prism - by @juujisai
    • #33 #36: Add iframes shortcode with automated height update and darkmode - by @juujisai
    • #50: Site/static - move react static files to new directory - by @juujisai

    Fixed & improved

    • #42: Ripple - when element inside has margin, the ripple has wrong size - by @juujisai
    • v1.0.0-alpha 2
    • v1.0.0-alpha 1
    Get useful tips & free resources directly to your inbox along with exclusive subscriber-only content.
    Join our mailing list now
    © 2023 Copyright: MDBootstrap.com