Changelog

🎨 New Design Toolbar Features

Perfect for frontend devs, designers & anyone working with UI!

• Implement CodePen export and update Clipboard export options.
• Add export options for Clipboard or CodePen in conversion settings.
• Improve HTML tag and attribute filtering for unknown tags.
• Implement HTML tag and attribute filtering for optimize reduced output.
• Enhance logical property conversion for converting longhand css to shorthand to reduce output.
• Improved stylesheets filtering for extracing accurate styles relating to element.

• Incrementally adding support such as 'padding-inline' conversion to Tailwind V4 rem units.
• Utility to convert values to the nearest Tailwind rem units.
• Convert to nearest Tailwind color (available as UI option soon)
• Improve media query parsing and simplify media condition output.
• Add oklch color conversion for Tailwind V4 Color support.
• Add Calc resolver for resolving stylesheet calc values in the output
• Add Var resolver for resolving styleseet var values in the output
• Improve media query to support flex and grid styles.

• Extension - Update responsive media query
• Extension - Remove cached stylesheets memory after conversion
• Extension - Display stylesheet file size when large file is detected and display conversion time
• Tools - Updated Tailwind Grid Generator
• Tools - New Tailwind Cheat Sheet

• Launched Code Playground 🎉
• Rewrite converter to ouptut HTML, CSS, JS separately for Playground
• Optimize converter for better performance
• Fix toast notification during processing
• Enable Code Playground CDN libraries
• Designer Toolbar WIP
• Fix Code Playground split pane issue

• Complete Media Query Conversion

• Fully Implemented the new UI along with all the planned features! 🎉

• From old UI 🡆 new UI

  🡆

• Implement purging of styles to reduce uncessary css styles

• 30%+ reduced conversion output from optimizations of the same code block without change in rendered styles

• Include srcset and poster attributes when converting "video" and "img" elements

• Improved popup loading screen when clicked on the browser icon

• Released Firefox extension! 🎉
• Add additional styles conversions
• More improvements on shortening conversion
• Update JSX & CSS formatter for better readability
• New UI Draft 🤩
• Add Beta licensing generation in Dashboard
• Previously you need to message the Admin for a Beta License Key. You can now generate your own in the Dashboard

• V1 release! 🎉🎉🎉🎉
• Create and Deploy WebApp
• Implemented Licensing Server
• Bind "Try" Button with Browser Extension on Home page
• Migrated Extension to new setup for better cross browser compilation
• HTML to JSX conversion
• Local CSS style conversion
• Convert to short hand CSS styles
• WIP: Updated Media Queries
• WIP: Other conversion options
• WIP: Auth & Dashboard

• Completed: TailwindCSS Converter V2
• Format and prettify output
• Copy result to clipboard
• UI rewrite from DOM to React for better maintainability
• Update iframe handling when working in React
• Update UI Design
• Add Toaster for notifications

• Completed: Recursive Functionality to convert nested elements
• Iframe handling for when elements are inside of iframes
• Update iframe handling for different iframe cases
• Disallow highlight when mouseover Extension UI elements
• WIP: TailwindCSS Converter V2 iteration

• Convert Images with correct path when copied to external sources

• Other additional Development Improvements and Bug Fixes

  • Resolve Extension importing library issues
  • semantic-release, changelog and commit linting

• Design logo and branding

• Implemented UI

• WIP: Recursive Functionality to convert nested elements

• Add testing to ensure conversion accuracy
• Updated the module path for TypeScript
• Implemented media queries
• Reset highlighted element when browser icon clicked

• Port over existing implementation to TypeScript
• Use different highlight colors when clicked and selected
• Enable keyboard movements for selection
• Filtered more accurate element CSS styles for conversion
• Implemented CSS to Tailwind converter